vue 判断移动端、pc端

判断移动端或pc端

经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。

先写个方法：

代码语言：javascript复制

//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 方法中对设置进行判断，如下:

代码语言：javascript复制

//App.vue
mounted() {
    if (this._isMobile()) {
      alert("移动端");
      //移动端跳转路由
    } else {
      alert("pc端"); 
　　　　//Pc端跳转路由
    }
  }

app 移动端

0 人点赞