Vue JS使用v-model进行许多相同的选择下拉列表

Question

如何在Vue中具有多个选择框

想象一下，您有一个v-for循环，其中包含一个数据列表，每个数据列表具有相同的选择框。 这两个选择框如何共享v模型以获取它们的值而又不互相影响，所以它们是分开的？

new Vue({
 el: '...',
 data: {
 selected: ''
 }
})

Answer 1

尽管您的问题还不够清楚，但是可能您正在寻找以下解决方案-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>

<table id="example">
  <thead>
    <tr>
      <th>name</th>
      <th>email</th>
      <th>status</th>
      <th>complete</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

new Vue({
  el : "#main",
  data:{
    tableData : [
      { 'name' : 'A', 'age' : 30 },
      { 'name' : 'C', 'age' : 50 },
      { 'name' : 'B', 'age' : 40 },
    ]
  }
})