vue框架页面外链进来加"/"拼接参数的使用及获取；PC及手机端的判断；

 

一开始没有看懂，后来知道了 他的意思 就是在pages目录下的页面，如果需要通过比如'pages/qr/56 '这种斜杠链接进入的话  就需要吧detail.vue页面变成目录结构，页面名称改为'_'+参数名；如下图

 

然后在_code页面可以通过如下方式获取code值进行操作：

mounted() {
      const code=this.$route.params.code
}

　　

 

附赠个手机、PC的判断（需要写在default.vue中）：

isMobile(){
          const userAgentInfo = navigator.userAgent;
          const Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
          const getArr = Agents.filter(i => userAgentInfo.includes(i));
          return !!getArr.length;
      }

　localStorage.set('isMobile',this.isMobile); 或其他缓存方式将其保存；

 

　其他页面使用时可以使用  const isMobile= localStorage.get('isMobile'); 调取；

 

 

翻译

搜索

复制