首页>>前端>>Vue->怎么打开vue页面?

怎么打开vue页面?

时间:2023-12-04 本站 点击:0

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的页面,则第二种,打开新页面之后,打印窗口拿清帆不关闭,当前页面不能点击操作。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Vue/12081.html