Vue.js 关于v |
您所在的位置：网站首页 › js如何获取输入框的值变化 › Vue.js 关于v |
|
如何动态绑定V-model
今天在尝试绑定的时候出来很多问题，而找了很多博客，描述的比较乱。 于是记录一下我的解决方法 动态绑定V-model data() { return { form: [ { title: "用户名", placeholder: "输入用户名", modelName:'h' }, { title: "密码", placeholder: "输入密码", modelName:'2' }, { title: "确认密码", placeholder: "再次输入密码", modelName:'3' }] }; }其实v-for动态绑定model和绑定其他元素没有大多差别，只要一点需要注意一下，正常动态绑定需要在属性前加：（v-on）这个语法糖，唯独绑定v-model时不用添加，在写的时候也是纠结了半天，至于原因我还没有查找，希望有评论大神指出。 获得键盘实时输入的值和input输入框的索引 输入值实时获取通过@input.native来监听输入框实时输入的值，注意：需要添加.native后缀。VUE官网有相应解释（链接） 获得索引 methods: { change: function(e,index) { console.log(e.target.value);//实时获取输入值 console.log(index);//获取点击输入框的索引 } }
|
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |