vue 判断移动端、pc端
判断移动端或pc端
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。
先写个方法：
vue 判断移动端、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;
}vue 判断移动端、pc端-麒麟博客
在 App.vue 的 mounted 方法中对设置进行判断，如下:
vue 判断移动端、pc端-麒麟博客
//App.vue
mounted() {
if (this._isMobile()) {
alert("移动端");
//移动端跳转路由
} else {
alert("pc端");
//Pc端跳转路由
}
}本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/12/31 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
