在Vue中,可以使用v-if指令来根据条件决定是否显示元素。在回显的时候,可以通过判断el-option是否含有对应的value来决定是否显示。

下面是一个示例代码:

<template>
  <div>
    <el-select v-model="selectedValue">
      <el-option v-for="option in options" :key="option.value" :value="option.value" v-if="option.value">{{ option.label }}</el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: '1', label: 'Option 1' },
        { value: '2', label: 'Option 2' },
        { value: '', label: 'No Value' },
      ],
    };
  },
};
</script>

在上述代码中,使用v-if="option.value"来判断el-option是否有对应的value,如果没有,则不显示该选项。

这样,在回显时,如果selectedValue的值在options中没有对应的value,则不会显示该选项。

希望对你有帮助

vue el-selse回显问题当回显时el-option没有这个vale时不显示

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

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