nz-option数据回填
时间: 2024-09-07 22:01:25 浏览: 42
"nz-option" 是 Ant Design Vue 中用于下拉框(<el-select>)组件的数据项选项。如果需要在页面加载或初始化时预填充数据到下拉框中,你可以通过 `v-model` 属性绑定一个数组,并在那个数组中设置选项。例如:
```html
<template>
<el-select v-model="selectedOption" placeholder="请选择">
<el-option
v-for="(option, index) in initialOptions"
:key="index"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedOption: '',
initialOptions: [
{ label: '选项1', value: 'option1' },
{ label: '选项2', value: 'option2' },
// 更多初始选项...
],
};
},
};
</script>
```
在这个例子中,`initialOptions` 数组就是用来存储数据回填的选项。当你在 `v-model` 变量 `selectedOption` 中选择一个值时,对应的选项就会显示为选中状态。
阅读全文