el-option多条数据
时间: 2023-10-10 07:11:17 浏览: 82
el-option可以用来渲染多条数据。你可以通过v-for指令在el-select中使用el-option来循环渲染多个选项。下面是一个示例:
```html
<template>
<el-select v-model="selectedOption" placeholder="请选择">
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedOption: '',
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' },
// 可以添加更多的选项
]
}
}
}
</script>
```
在上面的示例中,options数组包含了多个选项,每个选项都有一个value和label属性。v-for指令用于循环渲染el-option,生成多个选项供用户选择。用户选择的值会绑定到selectedOption属性上。
阅读全文