【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')
	},
}
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐