vue解决移动端和pc端适配

Posted ayong6

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue解决移动端和pc端适配相关的知识,希望对你有一定的参考价值。

 //App.vue
  mounted() {
      if (this._isMobile()) {
        alert("手机端");
        // this.$router.replace(‘/m_index‘);
      } else {
        alert("pc端");
        // this.$router.replace(‘/pc_index‘);
      }
    },
    methods: {
      //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;
      }
  }

转自:https://www.cnblogs.com/liangtao999/p/12047734.html

以上是关于vue解决移动端和pc端适配的主要内容,如果未能解决你的问题,请参考以下文章

一个项目,同时要适配移动端和pc端,你会怎么做

移动端,PC端是怎么做适配的?

swiper 移动端和PC端的常用解决方案

前端:移动端和PC端的区别

vuecli3 实现 移动端和pc端 界面切换(两套代码)

使用vue实现简单键盘,支持移动端和pc端