Vue路由新页面打开的方法总结
我们做前端的话基本上都是使模山用单页面进行页面旦悔中转换的，可以通过Vue路由使用新页面并传递参数，实现超链接打开新页面。
一般使用以下前陪两种方法：
Vue路由的页面跳转打开新页面
效果与a标签的target=_blank是一样的，只不过不用点击，直接打开
1、在router.js里新加一个路由
{
path: '/previewFile',
name: 'previewFile',
meta: {
title: '预览文件',
hideInMenu: true
},
component: () = import('@/view/audits/coms/previewFile.vue')
},
2、在需要跳转的逻辑方法里加,这里必须用query，否则参数获取不到，亲测有效
const { href } = this.$router.resolve({
path: `/previewFile`,
query:{url:res.data.Url}
});
window.open(href, '_blank');
3、跳转页获取参数：let url=this.$route.query.url;
安卓手机如何打开.vue文件
保证手机和电脑连接的是同一个WiFi，按电脑window+R , 打开这个页面, 输入cmd,点确定。在出现的咐镇黑窗口中输入ipconfig , 按回车 , 复制IPv4的地址。 打顷简扒开vue项目的config文件夹下的index.js,把host后面的地址改成你刚刚复制的ip地址。 npm run dev运行项目,运行完后会显示项目运行在哪个地址 , 这时候用手机浏览器打开这个地址就能查看了
vue是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架；Vue所关注的核心是MVC模式中的视图层，同时，它雀昌也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。
vue打开新窗口的两种方式
1.使用路消雹由跳转，绑定target="_blank"
2.写点击事件
注意： 若只是简单的打开新窗口页面，两种皆可以，但正拦是如果新页面是打印pdf的页面，则第二种，打开新页面之后，打印窗口拿清帆不关闭，当前页面不能点击操作。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
