這是我的數(shù)據(jù)結(jié)構(gòu)：form: { email: '', password: ''}現(xiàn)在我想使用循環(huán)并使用對(duì)象動(dòng)態(tài)設(shè)置模型form。<div class="my-1" v-for="(value,name, index) in form"> <p class="capitalize"> {{ value }} </p> <!--<custom-input :value="value"></custom-input>--> <t-input v-model="dynamickmodel" class="w-full"/></div>
1 回答
慕勒3428872
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超6個(gè)贊
是的，通過使用對(duì)象及其鍵的引用：
<t-input v-model="form[name]" class="w-full"/>
更改為t-input應(yīng)更新該鍵的值。
演示：
new Vue({
el: "#app",
data() {
return {
form: {
email: '',
password: ''
}
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<div class="my-1" v-for="(value, name, index) in form">
<p class="capitalize"> {{ value }} </p>
<input v-model="form[name]" class="w-full"/>
</div>
</div>
- 1 回答
- 0 關(guān)注
- 104 瀏覽
添加回答
舉報(bào)
0/150
提交
取消