2020
09-24
09-24
vue动态渲染svg、添加点击事件的实现
业务需求(vue项目中)1.页面展示svg内容2.监听svg内部的点击事件3.动态改变svg内部元素的属性和值html标签经多次实验,用embed、img等标签改变src属性的方式,均无法实现上述全部功能(尤其是svg内部点击事件),最终采用Vue.extend()方法完整实现,代码也较为简洁,html结构如下:<template><div><divid="svgTemplate"></div></div></template>直接将svg文件的内容复制粘贴到.vue文件里,是可以在标签内直接添加@click事件完...
继续阅读 >