判断移动端或pc端
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置,根据不同的设置跳转不同的路由。
先写个方法:
//APP.vue
isMobile() { 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) return flag; }
在 App.vue 的 mounted 方法中对设置进行判断,如下:
//App.vue mounted() { if (this._isMobile()) { alert("移动端"); //移动端跳转路由 } else { alert("pc端");
//Pc端跳转路由 } }