使用tooltip的时候需要自定义样式以及在其中绑定事件如何实现
先看最终实现
样式实现不是重点 重点是如果我选择以DOM的方式来渲染该弹窗其中的事件如何绑定 直接上代码
需要注意的是formatter 只能解析html字符串 解析不了Vue.extend()生成的实例 所以如果到此结束的话 ，不仅事件无法绑定就连定义好的DOM都无法渲染上 想了许久如上图所示两处重点便是解决办法 如果好奇 console便知 如此绑定事件便搞定了
但是代码到此还没完这样写可能会报错
这是因为vue有两种形式的代码 compiler（模板）模式和runtime模式（运行时），具体在此不多赘述
你的main里面可能是这样写的
解决办法改成手动挂载入下图所示，还要在 vue.config中加上runtimeCompiler:true (此处为重点)
如此这般自定义tooltip绑定事件便完成了！如有其它方案欢迎大家与我讨论~
网友评论