如何使用Vue JS自动选择值选择选项

乌古尔坎·阿留兹

我有两个API请求。

其中一位带来了整个设计师列表，一位带来了相关系列的信息。

我希望相关集合中的Designer ID列表与我在相关Select元素中给出的列表相匹配，并添加自动选择操作。

请帮助我:)对不起，英语不好。

我的选择元素

<select class="form-control mt-2" v-model="designerSelected" id="designerBox">
      <option
      v-for="designer in designerArray"
      :key="designer.designer_id"
      :value="designer.designer_id"
    >
      {{ designer.designer_firstname + " " + designer.designer_lastname }}. 
     </option>
</select>

我的收藏集API

axios
  .get("XXXXXXX")
  .then(response => {
    this.name = response.data[0].XX
    this.short = response.data[0].XX
    this.singleImage = response.data[0].XX
    this.textEditor = response.data[0].XX
    this.designerSelected = response.data[0].collection_designer; ( Come Designer ID )
  })
  .catch(error => {
     console.log(error);
  })

我的设计师API

runDesignerAPI() {
      axios
        .get("XXXXXXXXX")
        .then(response => {
          this.designerArray = response.data;
        })
        .catch(error => {
          console.log(error);
        });
    },

汉斯·费利克斯·拉莫斯（Hans Felix Ramos）

:value与以下类型的匹配v-model：

<select class="form-control mt-2" v-model="designerSelected" id="designerBox">
      <option
        v-for="designer in designerArray"
        :key="designer.designer_id"
        :value="designer"
      >
        {{ designer.designer_firstname + " " + designer.designer_lastname }}. 
     </option>
</select>

https://es.vuejs.org/v2/guide/forms.html#Select-1

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。