如果使用el-selectel-option组件进行回显时,el-option下没有当前值显示为空的情况,可能是因为el-selectvalue属性没有设置为当前值。

你可以通过给el-select组件的value属性绑定一个变量,然后在该变量中设置当前的值。这样,当el-select组件进行回显时,会根据这个变量的值去匹配el-option中的选项,并显示对应的选项。

以下是一个示例代码:

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { value: '1', label: '选项1' },
        { value: '2', label: '选项2' },
        { value: '3', label: '选项3' }
      ],
      selectedValue: '2' // 设置默认选中的值
    }
  }
}
</script>

在上面的代码中,selectedValue变量被绑定到el-selectv-model上,初始值为'2',即默认选中第二个选项。当el-select进行回显时,会根据selectedValue的值去匹配el-option中的选项,并显示对应的选项。

注意:el-optionvalue属性的值必须是一个字符串,否则会导致匹配失败

vue el-selse回显问题当回显时el-option下没有当前vale值显示空

原文地址: https://www.cveoy.top/t/topic/hYQn 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录