vue for循环渲染 element 下拉框

最新推荐文章于 2023-08-31 15:40:53 发布

Secondogli

最新推荐文章于 2023-08-31 15:40:53 发布

阅读量865

点赞数

分类专栏：学习足迹

本文链接：https://blog.csdn.net/LvFengQi/article/details/116160270

版权

学习足迹专栏收录该内容

71 篇文章 0 订阅

订阅专栏

这段内容描述了一个用于选择教学秘书的前端表单元素。它使用了Element UI的el-form-item和el-select组件，具备清除功能，并设置了宽度和占位符。选项通过v-for遍历并显示名称和对应的用户ID。

摘要由CSDN通过智能技术生成

 <el-form-item
                                    label="教学秘书"
                                    prop="secretaryId"
                                    :label-width="dialogFormLabelWidth"
                            >
                                <el-select
                                        v-model="dialogForm.secretaryId"
                                        clearable
                                        placeholder="教学秘书"
                                        style="width: 180px"
                                >
                                    <el-option
                                            v-for="item in detea1"
                                            :key="item.userId"
                                            :label="item.name"
                                            :value="item.userId"
                                    ></el-option>
                                </el-select>
                            </el-form-item>

:label为展示的内容

:value为点击对应获取的内容