如图 这样子的表格怎么做呀 这个表格的输入功能 怎么做 还有校验的功能 然后下面的话有一个添加表格行功能 点击一下添加一行 要怎么做
前端 关于表格的输入功能 还有校验功能 以及添加表格行功能
如图 这样子的表格怎么做呀 这个表格的输入功能 怎么做 还有校验的功能 然后下面的话有一个添加表格行功能 点击一下添加一行 要怎么做
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- 冉、 2021-10-09 10:37关注
表格里面放input框输入内容,用失焦失焦做校验。
添加收款人功能:原生的话用克隆。vue的话用循环
写了个vue demo(原生的话就是获取节点,然后克隆)<template> <table border="1" cellspacing="0" style="width:500px"> <tbody > <tr> <td>序号</td> <td>姓名</td> <td>电话</td> </tr> <tr v-for="(val,i) in element" :key="val"> <td>{{++i}}</td> <td><input type="text" @blur="verificationName"></td> <td><input type="text" @blur="verificationPhone"></td> </tr> </tbody> </table> <button @click="addElement">添加</button> </template> <script> data() { return { element:['1'], } }, methods:{ verificationName(){ console.log('名字校验操作'); }, verificationPhone(){ console.log('电话校验操作'); }, addElement(){ this.element.push('1') }, } </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥20 java在应用程序里获取不到扬声器设备
- ¥15 echarts动画效果的问题,请帮我添加一个动画。不要机器人回答。
- ¥60 许可证msc licensing软件报错显示已有相同版本软件,但是下一步显示无法读取日志目录。
- ¥15 Attention is all you need 的代码运行
- ¥15 一个服务器已经有一个系统了如果用usb再装一个系统,原来的系统会被覆盖掉吗
- ¥15 使用esm_msa1_t12_100M_UR50S蛋白质语言模型进行零样本预测时,终端显示出了sequence handled的进度条,但是并不出结果就自动终止回到命令提示行了是怎么回事:
- ¥15 前置放大电路与功率放大电路相连放大倍数出现问题
- ¥80 部署运行web自动化项目
- ¥15 腾讯云如何建立同一个项目中物模型之间的联系
- ¥30 VMware 云桌面水印如何添加