vue跳转到html页面，添加回到顶部，跳转软件许可服务协议

word保存html文件，将html文件放到目录文件下的public中（位置自定）

main.js入口文件

Vue.prototype.$publicURL = './';//vue中导入静态html页面

跳转页面

<a 
href="javascript:void(0)" 
@click="jumpOutsideLink(`${$publicURL}softLicense.html`, '易种OS软件许可及服务协议')"
>
 《软件许可及服务协议》
 </a>

methods:{
// 跳转到软件许可html页面
    jumpOutsideLink(url, fileName) {
      console.log(url, fileName)//打印内容查看路径是否正确，修改点击事件中的路径
      window.open(url, fileName);
    }
}

假设想要在html文件中添加回到顶部（简单回到顶部，不考虑按钮隐藏等问题）

<div style="overflow:hidden;position:fixed;bottom:5%;right:2%;">
    <a href="#"><img style="cursor:hand" title="点击可以返回页面顶部" src="./img/top.png" /> </a>
 </div>

我的文件结构

如果跳转后html页面是乱码，但是浏览器单独打开html不是乱码，可以在浏览器中鼠标右键查看源代码，将不是乱码的原代码复制粘贴到vue项目的html页面中，即可解决乱码问题