Html 如何在下拉选择标记VUEJS中显示api中的选定值

我想显示一个下拉选择，其中包含来自api的自动选择值

当前我的代码：

                <select
                    class="form-control"
                    v-model="tutorial.store"
                  >
                    <option
                      required
                      :value="store.id"
                      v-for="store in stores"
                      :key="store.id"
                      >{{ store.name }}</option
                    >
                  </select>

它没有显示任何内容，但是，来自api的值是store1

---

请帮助

为了获得结果，您可以使用双向数据绑定

您必须在数据中的被动变量中填充所需的值作为预填充值。在这里的示例中，它是：选中的：“三”。selected是一个双向绑定变量，连接到选择字段并自动填充。你可以

新Vue{ el:“应用程序”， 数据：{ 商店：[ {name:'one'}， {name:'two'}， {name:'three'} ], 已选择：“三个”//初始值 } } {{store.name} 已选定：{{selected}

---

要实现此结果，可以使用双向数据绑定

您必须在数据中的被动变量中填充所需的值作为预填充值。在这里的示例中，它是：选中的：“三”。selected是一个双向绑定变量，连接到选择字段并自动填充。你可以

新Vue{ el:“应用程序”， 数据：{ 商店：[ {name:'one'}， {name:'two'}， {name:'three'} ], 已选择：“三个”//初始值 } } {{store.name} 已选定：{{selected}

---

使用axios进行api调用，然后使用wittgenstein answer显示数据使用axios进行api调用，然后使用wittgenstein answer显示数据