html vue下拉选择框 从后台那到list v-for到option怎么设计
时间: 2024-03-22 18:39:36 浏览: 80
Vue 下拉选择器
如果你从后端获取到了一个数组list,你可以在Vue的data中定义一个数组,用来存储这个list,例如:
```
data() {
return {
options: []
}
}
```
然后,在mounted钩子函数中,你可以通过axios获取到这个list,然后将其赋值给options数组,例如:
```
mounted() {
axios.get("http://localhost:9091/your-api-url").then(response => {
this.options = response.data;
}).catch(error => {
console.log(error);
});
}
```
接着,在你的html模板中,你可以使用v-for指令将options数组中的每个元素渲染成一个option选项,例如:
```
<select>
<option v-for="(option, index) in options" :key="index" :value="option.value">{{ option.label }}</option>
</select>
```
其中,option.value和option.label分别代表每个选项的值和文本内容。
阅读全文