下面是我的代码。这是行不通的,因为我想制作对象的动态键。
<li v-for="index in 6" :key="index">
<div class="input-fld">
<div class="field">
<p class="control has-icons-right">
<input type="text" v-model="formData[0].'line_'{{index}}'_text'"/>
</p>
</div>
</div>
</li>
我想要这样
<input class="input" type="text" v-model="formData[0].line_1_text"/>
<input class="input" type="text" v-model="formData[0].line_2_text"/>
<input class="input" type="text" v-model="formData[0].line_3_text"/>
<input class="input" type="text" v-model="formData[0].line_4_text"/>
<input class="input" type="text" v-model="formData[0].line_5_text"/>
<input class="input" type="text" v-model="formData[0].line_6_text"/>
尝试使用括号表示法设置自定义名称:
<li v-for="index in 6" :key="index">
<div class="input-fld">
<div class="field">
<p class="control has-icons-right">
<input type="text" v-model="formData[0]['line_' + index + '_text']"/>
</p>
</div>
</div>