由于最近要写一个vue项目,同时适配移动端和pc端。考虑到一些功能在移动端和pc端需要使用不同的插件来实现,所以需要进行判断。

assets > js目录下新建一个isPhone.js:

function isPhone() {
  let mobile = 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 mobile!= null
}
export {isPhone}
export 导出;
在需要判断设备的组件中引入:
import {isPhone} from '../assets/js/isPhone'

data: function(){
  return {
    isPhone:false,//true代表移动端,false代表pc端
  }
},
mounted(){
  this.isPhone=isPhone()
 
  if(this.isPhone){
    //手机端,
  }
}  

 

Logo

前往低代码交流专区

更多推荐