【记一次el-select undefined】

原创已于 2022-08-09 21:07:19 修改 · 2.1k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2022-08-09 21:06:56 首次发布

49 篇文章

订阅专栏

本文介绍了一种Vue项目中遇到的el-option组件显示正常但无法获取到预期值的问题。通过检查发现，问题出现在插槽内的内容覆盖了原本设置的：label属性，并且在Vue调试工具中观察到props中的label和value为空。最终定位到是赋值错误导致的问题，并给出了调试方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

现象：

显示一切正常，但是获取不到值

（1）是因为有插槽写了其他东西的时候，：label会被覆盖掉，而插槽里的东西都是正常显示的。

下面这样显示的是aaa，和没错的name

<el-option
        v-for="item in data"
        :key="item.xxxx"
        :label="item.xxxx"
        :value="item.xxxx"
        :style="optionStyle">

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 {{item.name}}

</el-option>

（2）去vue调试工具里看：

找到select组件，可以看到props里的label和value都是空的，才会赋值成undefined

再对比ele官方的，这里不应该是空

肯定是绑定的问题

想起之前写过的vaule，，，，，，，，，

确定了el-option绑定的没问题，原来是我赋值的时候给错值了，

调试方法记录一下。