如何使用v-for动态生成表单并提取其值?
- 内容介绍
- 文章标签
- 相关推荐
本文共计517个文字,预计阅读时间需要3分钟。
Vue 是数据驱动视图,所以想改变页面的结构,就要先改变数据。想要动态添加一个 input 表单,每当你点击时,就在数组中添加一个数据。handler(mess) { this.list.push(jo);},想要获取 handler(mess) { this.list.push('jo'); }
vue是数据驱动视图,所以要想改变页面的结构,就要首先改变数据。要想动态添加一个input表单,每当你点击的时候,添加一个数据在数组里面。
handler(mess){
this.list.push("jo")
},
要想获得当前这个表单里面的值,我当初想的是v-model,去绑定。发现不可以。这就尴尬了。
整了一会,在百度上查找了一些资料。
还是没有对应的案例。可能是我百度的方法是不正确。
最后,还是决定使用原生的js
给表单绑定一个id。在失去焦点的时候,得到这个input框中的值。
本文共计517个文字,预计阅读时间需要3分钟。
Vue 是数据驱动视图,所以想改变页面的结构,就要先改变数据。想要动态添加一个 input 表单,每当你点击时,就在数组中添加一个数据。handler(mess) { this.list.push(jo);},想要获取 handler(mess) { this.list.push('jo'); }
vue是数据驱动视图,所以要想改变页面的结构,就要首先改变数据。要想动态添加一个input表单,每当你点击的时候,添加一个数据在数组里面。
handler(mess){
this.list.push("jo")
},
要想获得当前这个表单里面的值,我当初想的是v-model,去绑定。发现不可以。这就尴尬了。
整了一会,在百度上查找了一些资料。
还是没有对应的案例。可能是我百度的方法是不正确。
最后,还是决定使用原生的js
给表单绑定一个id。在失去焦点的时候,得到这个input框中的值。

