在项目中经常会有支持 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 列表
});