Vue路由跳转后 Index.html中引入的JS文件失效 问题解决

原因:Vue路由跳转JS失效原因: 路由跳转后,当时JS不会重新加载。
解决方法:看下图代码:

const loadJs = () => {
    const jsArr = [{id: "js-1", src:"/static/vendor/bundle.js"}, {id: "js-2", src: "/static/dist/js/app.min.js"}];
    // 先卸载之前已有的js
    const srcArr = document.getElementsByTagName("script");
    for(let i=0; i

说明:jsArr存放你要引入的js文件的路径,然后for循环依次加载添加就可以了!如果是Vue2.x版本,这串代码放在created生命周期方法中;如果是Vue3.0版本,把这串代码放在setup()方法中。

你可能感兴趣的:(开发记录,javascript,vue.js,html)