vue 循环v-model问题

Question

每行都是循环出来的，等于每行的下拉v-model都是一样的，等于修改一个下拉，所有的下拉框的值都变了，怎么能循环出不同的v-model的值？

Answer 1

应该是你v-model绑定错了，你应该绑定到每一列数据的自己的值上面

举个?

<div id="app">
  <ul>
    <li v-for="item in items">
      <select v-model="item.option">
        <option v-for="option in options" :value="option.id" v-text="option.name"></option>
      </select>
    </li>
  </ul>
</div>

new Vue({
  el: '#app',
  data() {
    return {
      options: [{
        id: 1,
        name: '选项一'
      },
      {
        id: 2,
        name: '选项二'
      }],
      items: [{
        option: 1
      },
      {
        option: 2
      },
      {
        option: 0
      }]
    }
  }
});

这样肯定是各自修改自己的。

在线体验

Answer 2

v-model 设置为不同的变量？