Live2d Test Env

判断移动端还是PC端

router.js
 1 routes: [
 2         {
 3             name: 'pc', path: '/pc', component: pc, redirect: '/pc/homePage', meta: {title: 'pc端'},
 4             children:
 5                 [
 6                     {name: 'homePage', path: 'HomePage', component: HomePage, meta: {title: '首页'}}, 
 7                 ]
 8         },
 9         {name: 'mobile', path: '/mobile', component: mobile,redirect: '/mobile/mobileHomePage', meta: {title: 'web首页'},
10             children:[
11                 {name: 'mobileHomePage', path: 'mobileHomePage', component: mobileHomePage, meta: {title: '首页'}},
12             ]
13         }
14     ]

 

app.vue

 1  
 2  
 3 mounted() {
 4             if (this._isMobile()) {
 5                 this.$router.replace('/mobile');
 6             } else {
 7                 this.$router.replace('/pc');
 8             }
 9         },
10         methods: {
11             _isMobile() {
12                 let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
13                 return flag;
14             }
15         }

 

posted @ 2019-11-28 09:21  小猪(朱)  阅读(256)  评论(0编辑  收藏  举报