vue 判断移动端、pc端

判断移动端或pc端

经常在项目中会有支持 pc 与手机端需求。并且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;
}

在 App.vue 的 mounted 方法中对设置进行判断，如下:

//App.vue
mounted() {if (this._isMobile()) {alert("移动端");//移动端跳转路由} else {alert("pc端"); 　　　　//Pc端跳转路由}}

转载于:https://www.cnblogs.com/yd-MM/p/10655398.html

vue 判断移动端、pc端相关推荐

javascript 判断前端是 pc端还是移动端
javascript 判断前端是 pc端还是移动端 <!DOCTYPE html> <html lang="en"> <head>< ...
php 可以做pc客户端吗,vue.js能做pc端吗
vue.js能做pc端,因为Vue是一套构建用户界面的渐进式框架,不管是用在PC端还是用在移动端,只要提供对应的API及数据相应就可以:但是PC端单页面对于搜索引擎可能不太友好,无法让搜索引擎把整个网 ...
js判断客户端是PC端还是移动端访问
js判断客户端是PC端还是移动端访问方法一 (推荐) function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ne ...
php判断是否电脑pc端
php判断是否电脑pc端 $str = strtolower($_SERVER['HTTP_USER_AGENT']); $isPC = strpos($str, 'windows nt'); if( ...
多终端登录，只保留一个移动端+PC端同时在线
大家好,我是入错行的bug猫.(http://blog.csdn.net/qq_41399429,谢绝转载) 今天突然有小伙伴在群里问bug猫,多终端登录怎么搞. bug猫说,不知道百度的程序猿不是好 ...
UC电脑端PC端浏览器下载，UC浏览器凉了？
近期从UC浏览器的官网找不到UC浏览器的PC端没有了而官网只有安卓端和iOS版本了阿里官方的客服也回复说暂时不考虑开发UC浏览器电脑端了百度贴吧也有感觉很可惜的感觉而今天给大家带来的就是UC浏 ...
判断浏览器是pc端还是移动端
var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; retu ...
CSS 利用@media screen判断识别手机/PC端浏览器
一.写此篇的初衷: 手机用户常可以更换自己手机系统的字体,那么在浏览网页的时候,网页内容字体也都随之变了,于是我想,能不能让自己的网站的字体在手机浏览器中保持不变(使用一款自定义字体)呢:而在PC端浏 ...
判断移动端PC端访问网页时跳转到对应的移动端网页
原文引用于:http://www.cnblogs.com/yc-755909659/archive/2015/06/06/4556066.html 不想通过CSS自适应在PC端和移动端分别显示不同的样 ...
Vue.js(十) element-ui PC端组件库
一:简介饿了么公司基于Vue开发了两套UI组件库,PC端组件库和移动端组件库. 一部分组件库是对原生的HTML标签元素的封装,增加了一些新的功能. 另一部分组件库是原生HTML标签元素没有的,是 ...

vue 判断移动端、pc端

vue 判断移动端、pc端相关推荐

最新文章

热门文章