el-select组件对值的类型非常敏感。如果v-model绑定的值和el-option中value的类型不一致(例如,一个是字符串类型,另一个是数字类型),el-select将无法正确匹配到对应的label,从而回显value值。 解决方案:确保v-model绑定的值和el-option中的value类型完全一致。如果后端返回的是字符串类型的值,确保前端绑定的也是字符...
先简单说一下我遇到的问题,自己初使用el-select时,在设置默认值时由于当时多加了一个引号“0”,导致和后面的value值0的类型不同,所以回显的是“0”,而不是“否”,后面发现el-select官方默认的是,无论是修改下拉其他值还是给定的默认值,回显的label,传递的都是value...
<el-select placeholder="请选择系统" v-model="newOption" @change="newOpenOption"> <el-option v-for="item in optionData" :label="item.name" :key="item.value" :value="item.value"></el-option> <!-- 重要 value 里面赋值很重要,如果这里赋值成 item.name 那么打印出来就是name的值,传给后台...
[Component] [select] el-select组件下拉选项中有value值为空时无法回显label名称,只显示placeholder #27519 Sign in to view logs Summary Jobs mark-duplicate Run details Usage Workflow file Triggered via issue December 5, 2024 06:24 Liao-js commented on #19138 bd2a88b ...
问题解决。 总结:value值要与v-model的值一致,只要上述两者的值相等,element的el-select会自动回显对应的label值。由于两边的类型不同,导致数据无法回显我想显示的内容。在vue中,数据类型不同,则数据就是不同。 指路解决我大问题的博文: https://www.jiagou1216.com/life...
2019-12-12 16:24 −在el-select中我们一般都是取到value的值,但是有时候我们需要value和label都需要。那怎么方便的取到呢 在网上经常有ref="cascader"这个方法,但是经过本人多次验证有时候这种方法不太稳定。所以还有其他两种方法下面说一下: 一般el-select的写法是这样的 &l... ...
<el-select placeholder="请选择系统" v-model="editOption" @change="editOpenOption"> <el-option v-for="item in optionData" :label="item.name" :key="item.value" :value="item.value"></el-option> <!-- 重要 value 里面赋值很重要,如果这里赋值成 item.name 那么打印出来就是name的值,传给后...