Question

我需要将状态选择框设置为customer.lStatus的值。然而，除非我手动编写，否则选择框不会使用值更新事先HTML 。世界卫生大会？

脚本

<script>
// ...
data () {
  return {
    customer: {
      dLastUpdate: '2016-02-17 15:07:06',
      lKey: '1007',
      lLastUpdateBy: '1000',
      lStatus: '100015',
      sName: 'TestAgain'
    },
    statuses: [
      [100013, 'Active'],
      [100015, 'Deactivated'],
      [100012, 'On Hold'],
      [100014, 'On Notice'],
      [100011, 'Pending']
    ]
  };
},
// ...
</script>

不起作用

<select class="form-control" v-model="customer.lStatus">
  <option v-for="status in statuses" value="status[0]">{{status[1]}}</option>
</select>

作品

<select class="form-control" v-model="customer.lStatus">
  <option value="100013">Active</option>
  <option value="100015">Deactivated</option>
  <option value="100012">On Hold</option>
  <option value="100014">On Notice</option>
  <option value="100011">Pending</option>
</select>

Answer 1

value属性中缺少冒号。

尝试：

<select class="form-control" v-model="customer.lStatus">
  <option v-for="status in statuses" :value="status[0]">{{status[1]}}</option>
</select>

动态填充时，VueJS选择框不响应

1 个答案: