【vue】在vue项目直接使用html文件

1.在public目录中新建html文件夹，放入html文件

2.在main.js加入访问路径

Vue.prototype.$publicURL = './';

 

3.在vue组件中使用跳转

<a href="javascript:void(0)" @click="jumpOutsideLink(`${$publicURL}html/xxxx.html`,'xxxx协议')">《xxxx协议》</a>


//mixin中方法
使用window.open进行跳转
/**
 * 跳转外部链接文件
 * 仅前端内部文件
 * @param { 路径 } url
 * @param { 文件名 } fileName
 */
export const jumpLink = {
    methods:{
        jumpOutsideLink(url,fileName){
            window.open(url,fileName);
        }
    }
}