Vue el-select 回显问题:el-option 未显示当前值解决方法 - Element UI
"Vue el-select 回显问题:el-option 未显示当前值解决方法 - Element UI"\n\n本文介绍了在使用 Vue Element UI 中的 el-select 组件进行回显时,el-option 未显示当前值的问题,并提供了解决方案。\n\n当使用 el-select 和 el-option 组件进行回显时,el-option 下没有当前值显示为空的情况,可能是因为 el-select 的 value 属性没有设置为当前值。\n\n你可以通过给 el-select 组件的 value 属性绑定一个变量,然后在该变量中设置当前的值。这样,当 el-select 组件进行回显时,会根据这个变量的值去匹配 el-option 中的选项,并显示对应的选项。\n\n以下是一个示例代码:\n\nvue\n<template>\n <el-select v-model="selectedValue" placeholder="请选择">\n <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>\n </el-select>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n options: [\n { value: '1', label: '选项1' },\n { value: '2', label: '选项2' },\n { value: '3', label: '选项3' }\n ],\n selectedValue: '2' // 设置默认选中的值\n }\n }\n}\n</script>\n\n\n在上面的代码中,selectedValue变量被绑定到el-select的v-model上,初始值为'2',即默认选中第二个选项。当el-select进行回显时,会根据selectedValue的值去匹配el-option中的选项,并显示对应的选项。\n\n注意:el-option的value属性的值必须是一个字符串,否则会导致匹配失败。
原文地址: https://www.cveoy.top/t/topic/pHXy 著作权归作者所有。请勿转载和采集!