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中定义引入的方式

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 开发一个项目,采用什么语言都可以,主要能熟练高效的开发都是合理的,这次我们采用vue来开发一个团队项目。在开...
    MsgSS阅读 8,094评论 3 9
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,925评论 1 11
  • 22、JQ的基础语法、核心原理和项目实战 jQ的版本和下载 jQuery版本 1.x:兼容IE6-8,是目前PC端...
    萌妹撒阅读 5,765评论 0 0
  • 此时的我叼着烟,脑子任然一片空白,思绪飘飘然会落在我们分手已经第二个年头。深深爱过的人啊,怎么会彻底消失呢,总是会...
    想跳出五线谱的So阅读 1,229评论 0 0
  •   koa 中间件是以级联代码(Cascading) 的方式来执行的,可参照下面这张图: callback的源码如...
    小小的开发人员阅读 6,921评论 0 4

友情链接更多精彩内容