Vue2 ELement UI点击下拉菜单报错(可以正常使用但是,点击空白处没有自动收回下拉菜单)

Vue2 ELement UI点击下拉菜单报错(可以正常使用但是,点击空白处没有自动收回下拉菜单)

img

Element UI下拉菜单出错一般两种情况
1、数据回显的时候数据类型不匹配(注意,字符串和数字的区别)
2、el-dropdown使用问题的时候必须是按规定的顺序使用el-dropdown ——>el-dropdown-menu——>el-dropdown-item

提供信息太少,我只能猜测问题点。1.ELement UI报错;你用官方代码测试,如果没问题,那就是你的问题了。2下拉菜单数据异常,这个是开发者经常遇到的,菜单data的值里面的value与v-model 的值不匹配,或者数据类型不对都会显示异常并且报错误,但是组件还是能用的,能用是别人的异常处理机制做的好。

是不是你this指向问题,this没指向vue

根据报错this,可知,没有获取到对象,所以报空指针。有可能用法错误,参考官方例子

升级版本试试

img


将代码与官网这里的对比一下,看箭头指定的位置是否没有或有什么错误,看了下源码,this.triggerElm就是箭头所指的东西