vuejs中对象渲染如何绑定

Question

当对一个对象进行渲染的时候，如何使用v-model进行双向绑定呢？

<li class="form-group" v-for="(key,item) in list">
    <label>
            {{ item.name }}
            <input type="text" v-model="item.value" />
    </label>
</li>

我像上面那种方式进行绑定后v-model="item.value" 发现对input控件内容修改的时候鼠标光标总是移动到最末端，不知道哪里出的问题？

list结构如下：
[
    a:{name:'zhangsan',value:'nan',href:'aaa.com'},
    b:{name:'zhaosi',value:'nv',href:'bbb.com'},
    ...
]

需要遍历的数据

Answer 1

我跑了类似的代码，没有光标的问题。另外你有几个问题，一个是list的结构，这是什么数组结构？你的list应该是个对象才对啊。item.name也应该是{{item.name}}
看看这个demo https://jsfiddle.net/ygjack/7xom0c5p/

Answer 2

你的list.结构 好像不对呀 ，也不是数组啊。
绑定一个对象响应式可以用watch, computed