Vue循环中多个input绑定指定v-model
2024-10-19 11:56:12
Vue.js中提供了v-model可以双向绑定表单元素,这个方法可以非常方便的获得输入的值,但是有时候表单元素需要循环生成,在循环中要怎样获得指定输入框的值呢
这里介绍两种,一种是v-for中循环生成的输入框,一种是在element-table中生成的输入框
在循环中只要给定的v-model不一致就可以为输入框分别绑定,在循环中index每一项都是不一样的,你也可以使用字符拼接的方式,设置v-model对应的值为input1,input2..
类似这样的,这样就可以通过绑定的值取到对应输入框的值了,
在控制台打印的结果:
还有一种场景是在表格中嵌套的input:
这样的只用绑定表格的属性就好了,这样在打印出来的tableData中就可以拿到input的值
最新文章
- css3之3D魔方动画（小白版）
- NSTimer整理总结
- hexo博客进阶－相册和独立域名
- Open Cascade Data Exchange STL
- Deep Learning 6_深度学习UFLDL教程：Softmax Regression_Exercise（斯坦福大学深度学习教程）
- 【液晶模块系列基础视频】4.4.X-GUI图形界面库-画tab函数简介
- C++ Code_StatusBar
- [转]解决get方法传递URL参数中文乱码问题
- Vue-生命周期图示 注解
- Spring Boot 2.0(六)：使用 Docker 部署 Spring Boot 开源软件云收藏
- git创建分支并提交到远程分支
- js之选项卡（tag标签）
- Java中的final关键字--浅析
- ngnix的基本安装及配置 centos7
- nib must contain exactly one top level object which must be a UICollectionReusableView instance
- bzoj 3969: [WF2013]Low Power 二分
- 【BZOJ】1093: [ZJOI2007]最大半连通子图（tarjan+拓扑序）
- Spring3.2下使用JavaMailSenderImpl类发送邮件
- Logistic Regression学习笔记
- VI的配置