vue判断是页面是手机端还是电脑端

在vue项目的static下的js中新建一个isMobile.js内容如下：

var isMobile = function () {
  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
}
export default isMobile

在main.js中引入

import isMobile from '../static/js/isMobile'
Vue.prototype.$isMobile = isMobile // 用$与组件内自定义的函数区分，其他符号也可以

然后在自己需要判断是pc还是移动端是页面上写

if (this.$isMobile()) {
      //这里是移动端
    } else {
      //这里是pc端
    }