vue 循环 name属性

Question

        <div class="row"  v-for="(user,index) in datauser">
                <div class="col-sm-5">
                    <input id="id" :value="user.id" type="hidden" ：name="user[index].id"/>
                </div>
        </div>
        

如何让循环出来的input name属性为user[0].id,user[1].id...跟着index增长呢 ？
<input id="id" :value="user.id" type="hidden" ：name="user[index].id"/>这种写法好像是错误的。
:name="'user['+index+'].id'" 搞定了

Answer 1

这样吗？

html

<div class="row"  v-for="(user,index) in datauser">
  <div class="col-sm-5">
    <input id="id" :value="user.id" type="hidden" :name="`user[${index}].id`"/>
  </div>
</div>

Answer 2

是不是你的冒号写错了

Answer 3

vue不能直接检测数组变化的，vue实现的是数据的双向绑定，传统arry[i]是无法被vue检测，需要我们来构造数组才能够被识别，所以才会出现你这种:name="'user['+index+'].id'"的写法就可以被识别的情况

Answer 4

感谢楼上各位大哥，三克油，非常感谢，抱拳了

Answer 5

感谢楼上，使用这种:name="'user['+index+'].id'"能显示