Question

我有一个从Vuex商店填充的v-select。我需要在v-select中选择与从计算的属性（客户）获得的另一个对象的属性ID匹配的值，但似乎无法使其正常工作。

我不想改变状态，我只想根据客户对象上priceListId的ID显示匹配的下拉值。

V选择：

 <v-select :items="priceLists"
                      item-text="name"
                      item-value="id"
                      label="pricelist"
                      v-model="select"
                      select
                      return-object></v-select>

型号代码：

export default {
  data: () => ({
    select: null
    }),
    computed: {
    priceLists () {
      return this.$store.state.pricelists.pricelists
    },
    customer () {
     return this.$store.state.customers.customers.find(customer => 
      customer.id === Number(this.customer.id))
 }
}

有什么想法吗？

Answer 1

在customer上使用watcher，以select自动将<v-select>（价格表customer.priceListId的v模型）设置为所需价格表：

watch: {
  customer: {
    immediate: true,
    handler(value) {
      this.select = value.priceListId;
    }
  }
}

demo

如何在两个商店的Vuex中的v-select中选择默认值？

1 个答案: