這是我的數(shù)據(jù)結構：form: { email: '', password: ''}現(xiàn)在我想使用循環(huán)并使用對象動態(tài)設置模型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貢獻1848條經(jīng)驗 獲得超6個贊
是的，通過使用對象及其鍵的引用：
<t-input v-model="form[name]" class="w-full"/>
更改為t-input應更新該鍵的值。
演示：
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 關注
- 95 瀏覽
添加回答
舉報
0/150
提交
取消