router 2.0 常用基础知识点之router(2)

// 命名路由,append 属性,查询参数,router-link渲染成<li>标签 <router-link tag="li" :to="{name:'demandindex', append:true, query: {isFormBackend: 1}, activeClass: 'bottom-nav-active'}"> </router-link> // to的值:字符串形式 <router-link to="banner.image_url" ></router-link> // to的值:对象形式,拼接多个动态参数 <router-link :to="{path: '/my/modify?modify=fullname&val=' + profile.nickname}" ></router-link> // to的值:对象形式 <router-link :to="{path: '/home'}">返回首页</router-link> // to的值:对象形式,拼接动态参数 <router-link to="{path: '/backend/coupon_order_detail/' + product.order_id+'?order_status='+product.order_status}"></router-link> // to的值:对象形式,带一个路径参数 <router-link :to="{path: '/detail/' + this.$route.params.id}" ></router-link>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wysxgy.html