vue+iview使用时,render函数创建组件点击事件无效的解决方法

在有些时候,写死的组件无法满足需求,render函数是比较好的选择。但是我在使用render函数时,把页面的东西渲染之后,添加点击事件时遇到一个问题,在render函数里面以on:{ click: () => { console.log('点击事件') } }添加点击事件时,无论怎么样都监听不到,也就是点击render渲染出来的组件或dom时根本没没有作用,但也没报任何错误。自己在网上找各种资料尝试了使用click,onClick,'on-click'等事件,都没有任何用。

这里的解决方法:将on: {click: () => { console.log('点击事件') }}的on替换为nativeOn。也就是 nativeOn: {click: () => { console.log('点击事件') }}。

你可能感兴趣的:(vue+iview使用时,render函数创建组件点击事件无效的解决方法)