vue3 vite v-html中运行传统html文档时,js不能运行的解决方案

        需求有点儿别扭,我想让vue加载传统的html文档,所以使用了v-html,然后发现,js不能正常运行,原因是v-html加载内容后所谓的script只是script而已,得不到浏览器的认可。

        根据高人指点,学会了使用nextTick,现在的效果是,不仅能够能够正常加载js库,还能调用库中的方法和自定义方法,引入库以传统的jQuery为例,自定义方法为简单的一个jQuery应用alert($('#testinput').val())。

        暂时能满足我的需求,至于有没有坑有待进一步验证,具体内容如下:

1,引入:jQuery:

将文件放在这个位置,打包的时候不被改名

/public/jquery-3.6.4.min.js

用script标签引用的时候路径这么用:/jquery-3.6.4.min.js

2,App.vue中测试使用代码如下:(内容很简单,源码直接上图了)

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值