1. 程式人生 > >vue 判斷移動端、pc端

vue 判斷移動端、pc端

sym agen 判斷 ipa clas ack this symbian app

判斷移動端或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端跳轉路由 } }

vue 判斷移動端、pc端