Vue動態(tài)生成的input怎么實現(xiàn)數(shù)據(jù)雙向綁定

生成很簡單,你可以在列表數(shù)據(jù)獲取到的時候遍歷綁定input的數(shù)據(jù)..或者定義一個空數(shù)據(jù),單獨保存input的數(shù)據(jù),重點是如何讓view檢測到data數(shù)據(jù)的變化,如果是對象,你可以使用Object.assign()或者vue.$set(),數(shù)組的話你可以用arr.concat(),讓數(shù)據(jù)被重新監(jiān)聽

<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:'test'});
            }
        }
    })