vue 判断手机端与pc

原创 已于 2022-05-07 11:36:00 修改 · 528 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

} else if (device.indexOf('Android') > -1 || device.indexOf('ios') > -1) {
  // 手机
  
} else {
  // 电脑
 
}
Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机）
资深程序员
06-27 7494
Vue-判断访问网页客户端设备是手机移动端还是PC电脑端（判断设备类型是否是移动端手机），vue,js利用navigator.userAgent判断是手机还是电脑，判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端，vue判断是页面是手机端还是电脑端，vuejs判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，判断当
基于VUE实现判断设备是PC还是移动端
10-15
主要介绍了基于VUE实现判断设备是PC还是移动端,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
VUE识别访问设备是pc端还是移动端
weixin_42966151的博客
02-06 7110
有些网站需要区分手机端网页和pc端网页，做到不同设备访问不同的网页，增强用户的使用体验，可以在app.vue中作一个判断，然后跳转不同的路由。
vue 判断移动端、pc端
weixin_30814223的博客
04-04 1721
判断移动端或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 1595
在 Vue 中，判断用户是通过手机还是 PC 访问网页，可以通过检查属性来实现。这个属性提供了关于浏览器的信息，我们可以从中分析出用户代理字符串，从而判断设备类型。以下是一个简单的示例，说明如何在 Vue 中实现这一逻辑：你可以在项目的入口文件（如main.js）中添加一个全局的方法，或者在某个组件内直接使用这个逻辑。
使用vue如何判断当前设备是PC端还是移动端？
m0_57246138的博客
06-12 2393
在实际开发中我们经常会遇到一个需求，就是做一个页面链接到移动端，但是要求移动端和PC端页面样式不一样，这就是要判断当前登录网页的设备是PC还是移动，那么我们就需要对当前登录设备进行判断。
vue js判断客户端是pc端还是移动端
08-11
//使用方法 import { isMobile } from '../../xxx/isMobile.js' export default { data(){ return{ispc: isMobile().web.win, } }, } </script>
vue判断手机端还是pc端
最新发布
01-04
### Vue 检测设备类型（移动端或PC端） 在Vue项目中，可以通过JavaScript的`navigator.userAgent`属性来检测访问设备是移动端还是PC端。以下是几种实现方式： #### 方法一：使用计算属性 定义一个计算属性用于...
vue 判断是手机端还是pc端
02-01
在Vue中，可以通过判断浏览器的User-Agent来判断是手机端还是PC端。以下是一种常见的判断方法： 1. 在Vue组件中，可以使用`created`钩子函数来获取浏览器的User-Agent信息。 ```javascript created() { // 获取...
vue 判断设备是手机端还是pc端
fanyanjiang的博客
08-12 3599
如果项目中有支持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 448
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端
m0_53136368的博客
06-27 574
【代码】Vue判断设备是移动端还是pc端。
vue判断设备是手机端还是pc端
weixin_46413834的博客
08-16 6337
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 443
Vue 如何判断是pc端还是手机端
VUE前端判断是电脑端还是移动端
renkai721的专栏
10-18 2286
VUE前端判断是电脑端还是移动端
vue 判断是移动端还是pc端
lxc的点点滴滴
09-28 383
判断是移动端还是pc端
【Vue】判断设备是移动端还是pc端
热门推荐
Fate
03-13 2万+
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。 直接上代码 //在 router/index.js 中有两个页面。 export default new Router({ mode: 'history', routes: [ { path: '', redirect: '/pc...
vue中判断pc还是手机
xixi的博客
12-06 2163
在 App.vue中 export default { name: "App", created() { if (this._isMobile()) { console.log("手机端"); this.$router.replace('/wxLogin'); } else { console.log("pc端"); this.$router.replace('/PCLogin'); } }, methods: {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值