vue 判断手机端与pc

原创已于 2022-05-07 11:36:00 修改 · 554 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2022-05-07 11:29:23 首次发布

vue-element 专栏收录该内容

16 篇文章

订阅专栏

在route/index.js中，通过navigator.userAgent判断设备类型。如果检测到iPad，执行针对iPad的逻辑；若检测到Android或iOS设备，则视为手机处理；其余情况默认为电脑处理。

在route/index.js，判断设备跳转到对应页面

const device = navigator.userAgent
if (device.indexOf('iPad') > -1) {
  //  ipad 

} else if (device.indexOf('Android') > -1 || device.indexOf('ios') > -1) {
  // 手机
  
} else {
  // 电脑
 
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

艾尔熙德15

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机）

🏆 前端领域优质创作者

06-27

7893

Vue-判断访问网页客户端设备是手机移动端还是PC电脑端（判断设备类型是否是移动端手机），vue,js利用navigator.userAgent判断是手机还是电脑，判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端，vue判断是页面是手机端还是电脑端，vuejs判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，判断当

基于VUE实现判断设备是PC还是移动端

10-15

主要介绍了基于VUE实现判断设备是PC还是移动端,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

参与评论您还未登录，请先登录后发表或查看评论

项目中如何判断当前设备是手机还是pc端

weixin_41796860的博客

07-16

1248

项目中如何判断当前设备是手机还是pc端方法一方法二在vue+elementui项目中，我遇到了需要判断当前设备是pc端还是手机端的问题，以下是我们上网搜索总结的两类方法方法一方法二 ...

VUE识别访问设备是pc端还是移动端

weixin_42966151的博客

02-06

7149

有些网站需要区分手机端网页和pc端网页，做到不同设备访问不同的网页，增强用户的使用体验，可以在app.vue中作一个判断，然后跳转不同的路由。

vue 判断移动端、pc端

weixin_30814223的博客

04-04

1738

判断移动端或pc端经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。先写个方法： //APP.vue isMobile() { 　　let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Androi...

vue 判断手机访问还是pc 访问

qq_33240556的博客

07-08

1715

在 Vue 中，判断用户是通过手机还是 PC 访问网页，可以通过检查属性来实现。这个属性提供了关于浏览器的信息，我们可以从中分析出用户代理字符串，从而判断设备类型。以下是一个简单的示例，说明如何在 Vue 中实现这一逻辑：你可以在项目的入口文件（如main.js）中添加一个全局的方法，或者在某个组件内直接使用这个逻辑。

使用vue如何判断当前设备是PC端还是移动端？

m0_57246138的博客

06-12

2541

在实际开发中我们经常会遇到一个需求，就是做一个页面链接到移动端，但是要求移动端和PC端页面样式不一样，这就是要判断当前登录网页的设备是PC还是移动，那么我们就需要对当前登录设备进行判断。

vue js判断客户端是pc端还是移动端

08-11

//使用方法 import { isMobile } from '../../xxx/isMobile.js' export default { data(){ return{ispc: isMobile().web.win, } }, } </script>

vue判断当前是PC端还是手机端，加载不同组件库

贵林之恋的博客

02-03

1290

【代码】vue判断当前是PC端还是手机端，加载不同组件库。

vue判断手机端还是pc端

最新发布

01-04

### Vue 检测设备类型（移动端或PC端）在Vue项目中，可以通过JavaScript的`navigator.userAgent`属性来检测访问设备是移动端还是PC端。以下是几种实现方式： #### 方法一：使用计算属性定义一个计算属性用于...

vue 判断设备是手机端还是pc端

fanyanjiang的博客

08-12

3634

如果项目中有支持PC和手机端的需求，并且二者页面不用，这时就要判断设置，根据不同的设置跳转不同的路由。在router/index.js文件中 export default new Router({ mode: 'history', routes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页 name: PcIndex, c

vue页面，判断是PC端还是手机端

小李在努力学习

04-21

499

vue页面，判断是PC端还是手机端。

vue判断设备是移动端还是pc端

钱辉

09-12

1万+

判断pc与手机端，根据不同的设置跳转不同的路由。 const routes = [ { path: "/", component: () => import( "../components/test.vue") }, { path: "/test", // pc端首页 component: () => import( "../components/test.vue") }, { path: '/mi', // 手机端

vue 判断是移动端还是pc端

lxc的点点滴滴

09-28

445

判断是移动端还是pc端

Vue判断设备是移动端还是pc端

m0_53136368的博客

06-27

608

【代码】Vue判断设备是移动端还是pc端。

vue判断设备是手机端还是pc端

weixin_46413834的博客

08-16

6385

router.js routes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页 name: PcIndex, component: PcIndex }, { path: '/m_index', // 手机端首页 name: MIndex, component: MIndex

Vue 如何判断是pc端还是手机端

2401_84868241的博客

05-16

531

Vue 如何判断是pc端还是手机端

VUE前端判断是电脑端还是移动端

renkai721的专栏

10-18

2383

VUE前端判断是电脑端还是移动端

【Vue】判断设备是移动端还是pc端