Element UI 中的 el-select 组件:动态渲染选项并绑定 prop 传递的值
在这个代码片段中,可以通过 `v-for` 循环遍历 `stageNames` 数组,将每个元素赋值给变量 `dict`。然后,可以使用 `dict` 对象的属性来绑定 `el-option` 组件的属性。
在这种情况下,可以将 `dict.name` 绑定到 `el-option` 组件的 `:label` 属性,将 `dict.id` 绑定到 `el-option` 组件的 `:value` 属性。下面是修改后的代码片段:
<el-select
v-model="stageSno"
placeholder="请选择"
clearable
@change="handleStageChange(stageSno)"
>
<el-option
v-for="dict in stageNames"
:key="dict.id"
:label="dict.name"
:value="dict.id"
/>
</el-select>
这样就可以将 `stageNames` 数组中的对象属性与 `el-option` 组件绑定,实现动态渲染选项的功能。
原文地址: https://www.cveoy.top/t/topic/pMJB 著作权归作者所有。请勿转载和采集!