Vuejs如何通过模型选择选项

Question

我有几个选择下拉菜单，其中一个看起来像这样

<div class="col-sm-5">
          <select class="form-control sale-required" id="seller" name="staff-seller" v-model="seller">
            <option selected disabled :value="null">- Select -</option>
            <option v-for="aStaff in staff" :value="aStaff.id">{{aStaff.initials}}</option>
          </select>
        </div>

如您所见，v-model 绑定在这里。

在vuejs部分，设置数据

export default {
    data: function() {
       return {
           seller: null
       }
    },

    props: {
       sale: {
           type: Object,
           required: true
       }
    },

    mounted() {
       this.seller = this.sale.seller;
    }

所以this.seller 正在通过道具正确获取数据，我可以看到工作正常。

但是，一旦安装并设置了模型，就没有像我期望的那样选择选择选项。

我错过了什么吗？

Answer 1

在option上添加:selected="aStaff.id == sale.seller.id"
您可以将id 替换为您拥有的其他密钥。