使用v-for遍历出多个el-select下拉框,要求每一个下拉框内下拉数据都不相同,这个功能应该怎么实现啊
?
<div v-for="(item, index) in selectData" :key="index">
<el-select v-model="item.value" placeholder="请选择">
<el-option
v-for="(option, index) in item.options"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</div>
data () {
return {
selectData: [
{
value: '',
options: [
{
label: '选项1',
value: '1'
},
{
label: '选项2',
value: '2'
}
]
},
{
value: '',
options: [
{
label: '选项3',
value: '3'
},
{
label: '选项4',
value: '4'
}
]
}
]
}
}
以上就是关于“ el-select下拉框组件el-option如何使用v-for动态渲染问题 - 方法篇 ” 的全部内容。