vue项目,实现富文本中触发原生方法事件

关于vue项目中如何引用外联js中定义的方法

问题:

1、页面是基于jq渲染出来,在正文富文本中存在定义的onmouseover方法,以及a标签存在javascript默认事件,如图:

富文本中就存在a标签,默认事件,以及onmouseover效果;

AJI(xx,xx)和SLC(xxx,xxx)这个存在富文本中的效果,根本莫法在Vue项目实际的触发。因为vue绑定事件的方法,无非就两种: 和 @;接口数据返回是这样的话,根本无法去实现触发,后台也不能为了一个小问题就改全部的数据;

既然原项目,能通过外联js的方法引入,并触发,为什么我们就不行呢?怀着要实践测试一下的心态,引入进去,结果发现,根本没用,一直报方法undefind;

后来仔细想了想,要是我们能够通过在静态页面引入的话呢?应该就能到达到原生外联引入的效果。

经过百般折腾,最终还是根据网上的一些建议,以及自身项目的时间情况,找到一种解决办法;

方法在index.html里面做一个定义,这样就能触发了;如图:

结果是完美触发,至于怎么传值和取值到vue页面和组件里面去,就要看项目自身的需要了,jq,可以直接在main.js引入,在index.html页面就能引用了。依次类推,如果采用了三方js库,都可以用在main.js中定义引入的方式

你可能感兴趣的:(vue项目,实现富文本中触发原生方法事件)