vue el-selse回显问题当回显时el-option没有这个vale时不显示
在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,则不会显示该选项。
希望对你有帮助
原文地址: https://www.cveoy.top/t/topic/hYOW 著作权归作者所有。请勿转载和采集!