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

实际开发工作中会经常遇到一个需求,就是判断当前登录网页的设备是PC还是移动,要求PC端和移动端显示的是不同的网页内容。 那么我们就需要对当前登录设备进行判断。 使用 navigator.userAgent 字符串检测 我是在PC端开发完接到要做移动端的需求,而且移动端只有一个页面,我就统一放在了一个文件夹内。 首先在 app.vue 文件内,判断当前设备是pc端还是移动端。 methods: { // 添加判断方法 isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|i