vue 判断是移动端还是pc端

在项目中经常会有支持 pc 与手机端的需求,有时会跳转不同的路由,有时会显示不同的样式等

方法多种多样,推荐一种我常用的:

添加方法

根据isPhone做相应的处理

添加代码

  onMounted(() => {
    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)
    console.log(flag)
    if (flag) {
      // alert('yd')
      isPhone.value = true;
    } else {
      isPhone.value = false
      // alert('pc')
    }
    // 初始化 pinia 中的 tagsViewRoutes 列表
  });

猜你喜欢

转载自blog.csdn.net/qq_30893717/article/details/133384452