Question

在我的Vuex商店中，我有这种数据

  [ 
   {
    value1: [{id: 1.1, name: 'name'}], value2: {id: 1, name: 'string'}
    },
    {
    value1: [
        {id: 2.1, name: 'name'}, 
        {id: 2.2, name: 'name2'}
    ], value2: {id: 2, name: 'string'}
   }
  ]

我想有两个选择。首先，一个选项来自value2名称，第二个选项来自value1

到目前为止，我是第一个选择

<label for="things">Label</label>
       <select v-model="things.group"
               name="things"
               id="things"
               @change="onSelect"
        >
         <option v-for="thing in propsWithData" :value="thing.value1.name" :key="thing.value1.naame">{{thing.value1.name}}</option>

然后在我的onSelect方法中，我试图获取一个带有value1的数组

this.values1 = this.things.group.value1;

所以我可以在y秒内选择它

但是它返回给我未定义的内容，因为this.things.group不是对象，而是值为value2.name.的字符串

我真的不知道如何根据value1传递value2对象，而不仅仅是选择字符串。

UPD 好吧，我想我明白了。在我的选择中，它应该是:value="thing.value1.name"而不是:value="thing"

有组和子组信息作为选项的两个选择？

0 个答案: