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

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