這是我的數據結構：form: { email: '', password: ''}現在我想使用循環并使用對象動態設置模型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條經驗 獲得超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 關注
- 96 瀏覽
添加回答
舉報
0/150
提交
取消