一. 建立公共路由
export const constantRoutes = [
{
path: "/design",
name: "design",
component: () => import('@/views/design'),
props: true
},
{
path: "/design3",
name: "design3",
component: () => import('@/views/design3'),
props: true
}
]
其中design为PC端跳转路由,design3为非移动端跳转路由。
二. 条件判断
if
(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){
this.$router.push({
name: 'design3',
})
}else {
this.$router.push({
name: 'design',
})
如何使非PC端设备跳转design3,移动端设备跳转design。
三. 效果展示
移动端
非移动端