<el-form-item label="名称" prop="name">
<el-select
filterable
v-model="form.name"
placeholder="请选择名称"
clearable
size="small"
style="width: 240px"
>
<el-option
v-for="dict in nameOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
/>
</el-select>
</el-form-item>
data() {
return {
nameOptions: [],
created() {
this.getList();
findName().then(response => {
this.nameOptions = response.data
})
本文介绍了如何在 Vue.js 中使用 Element UI 的 el-select 组件创建一个可过滤、清空的动态下拉列表,通过获取后台数据 `nameOptions` 动态填充选项,以实现前端表单中名称字段的便捷选择。
1380





