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);
        }
    }
}

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐