【vue+Element】按钮跳转指定页面

LouisMin23

已于 2022-12-12 10:31:17 修改

阅读量1.9k

点赞数 1

分类专栏： Web前端文章标签： vue elementui

于 2022-08-24 15:40:08 首次发布

本文链接：https://blog.csdn.net/weixin_44768683/article/details/126505530

版权

Web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

【vue+element按钮】跳转指定页面

route：

{
   path: '/mainScreen',
   component: () =>
     import( /* webpackChunkName: "page" */ '@/views/wel/mainScreen'),
   name: '500',
   meta: {
     keepAlive: true,
     isTab: false,
     isAuth: false
   }
},

template：

<el-button type="primary" @click="screenInfo">跳转大屏</el-button>

script：

methods:{
	screenInfo() {
		//1、不打开新页面
		this.$router.push('/mainScreen')
		
		//2、打开新页面
		const mainScreen = this.$router.resolve('/mainScreen')
        window.open(mainScreen.href,'_blank')
	},
}