如何在vuejs中将索引绑定到value属性

时间:2018-03-12 08:58:17

标签: javascript vue.js frontend

我想将索引绑定到隐藏字段的value属性。 我正在尝试这个:

   <div id="panel" class="panel panel-default mt" v-for="(question,index) in questions.slice().reverse()">
<input type="hidden" v-model="question.question_no" :value="index">
</div>

它显示我这个错误: enter image description here

将value属性与索引绑定的正确方法是什么?

1 个答案:

答案 0 :(得分:2)

V-model本质上是用于更新用户输入事件数据的语法糖,另外还特别注意某些边缘情况。

所以

<input type="hidden" v-model="question.question_no">

相同

<input type="hidden" :value="index" @input="question.question_no=$event.target.question.question_no">

所以你不能同时使用这两种语法。 根据您的使用情况使用第一个或第二个。

修改

隐藏输入类型

<input type="hidden" :value="index"> 应该够了。

Reference