首页 > 其他分享 >vue学习之------vue-router【动态路由】

vue学习之------vue-router【动态路由】

时间:2022-08-18 00:00:32浏览次数:43  
标签:vue props ------ router 动态 路由

动态路由的概念:

把hash地址中的可变部分用【英文冒号(:)+参数 】的形式进行定义

获取动态路由的参数值:

(1)第一种获取方式:可以直接使用 $route.params对象访问到动态匹配的参数

 效果:

 

 (2)第二种获取方式:在路由规则中开启允许props传参,然后在组件中用 props 接收路由中的参数

 

效果:

 

标签:vue,props,------,router,动态,路由
From: https://www.cnblogs.com/zhaoyingzhen/p/16597275.html

相关文章

  • react基础知识
    react是一个将数据转换为html的js库react英文官网:https://reactjs.orgreact中文官网:https://react.docschina.org用react渲染一段文字:<!DOCTYPEhtml><htmllang="en......
  • 手写promise.all和 promise.race
    //promise.allfunctionpromiseAll(promisesArr){returnnewPromise((resolve,reject)=>{//定义一个计数器letcount=0;const......
  • 【转载】如何带格式转载博客园文章或其他网站的文章
    原文链接:https://www.cnblogs.com/reakal/p/15448735.html 今天在网上冲浪时,看到一篇文章,觉得挺好,于是就直接复制并粘贴到我的博客园,然后发现,格式都变了,也不美观,如何才......
  • Effective C++ - 条款2 - in-class初值设定问题
    pre针对EffectiveC++(55条)中的每一个条款写一个blog。0x02尽量以const,enum,inline替换#define为什么需要这样做?因为使用define会使得变量被define的符号替换,在......
  • 《GB27695-2011》PDF下载
    《GB27695-2011汽车举升机安全规程》PDF下载《GB27695-2011》简介本标准规定了汽车举升机的设计、制造、安装、使用、维护、报废和检查等方面的基本安全要求;本标准适......
  • 响应式布局
    通过媒体查询实现响应式布局:  @mediascreenand(min-width:600px)and(max-width:900px){    /*样式*/  }优点:一套页面适应多端设备,提升开发效......
  • List<? extends T>与List<? super T>的区别
    往期热门文章:1、SpringBatch批处理,骚气还强大!2、CTO强烈禁止使用Calendar,那用啥?3、我,40岁码农,还在荷兰写低级代码,不敢回国…4、我的mybatis-plus用法,被全公司同事开......
  • Markdown学习
    Markdown学习一:标题用法:#+(空格)+内容,几个空格就是几级标题,回车生效,最多支持六级。快捷键Ctrl+1到6二:字体HelloWord,加粗:要加粗的内容两边添加2个*。helloword:加斜:斜体......
  • js实现 delay 和 sleep函数
    console.log("====sleep===");//sleep等待几秒constsleep=(seconds)=>newPromise((resolve)=>setTimeout(resolve,seconds));asyncfunctionsleepTes......
  • 《GB27742-2011》PDF下载
    《GB27742-2011可免于辐射防护监管的物料中放射性核素活度浓度》PDF下载《GB27742-2011》简介本标准规定了可免于辐射防护监管的物料中放射性核素活度浓度。本标准适......