Vue中给动态生成的input实现数据双向绑定

2019-09-1791次阅读vue

动态生成的input列表,怎样在data中生成相应数量的key与之实现双向绑定

<div id="test">
    <div v-for="module in modules">
        <input v-model="module.text"/>
    </div>
    <input type="button" value="add" @click="add">
</div>
var app=new Vue({
        el:'#test',
        data:{
            modules:[{
                text:'test'
            }]
        },
        methods:{
            add:function(){
                this.modules.push({text:''});
            }
        }
    })

 

上一篇: Chrome DevTools很多强大的自动断点功能记录  下一篇: Chrome浏览器开发者工具在调试时比较有用的的2个技巧  

Vue中给动态生成的input实现数据双向绑定相关文章