首页 > 其他分享 >vue框架页面外链进来加"/"拼接参数的使用及获取;PC及手机端的判断;

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

时间:2024-06-06 11:25:47浏览次数:23  
标签:vue const PC code 外链 isMobile 页面

 

一开始没有看懂,后来知道了 他的意思 就是在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'); 调取;

 

 

翻译

搜索

复制

标签:vue,const,PC,code,外链,isMobile,页面
From: https://www.cnblogs.com/dy-gf/p/18234772

相关文章