vue.js - Vue 路由参数怎么样可有可无呢？

问题描述

问 题

 { path: '/bar/:id', name: 'bar', component: Bar }
 <li><router-link :to="{ name: 'bar', params: { id: 123 }}">bar</router-link></li>

像上面的代码给了个参数ID 如果路由里不带参数，这路由就是个残废，但我并不想这样，我希望不带参数的时候这个路由照样的存在。像后端路由一样，我某个参数不存在但不能影响我访问页面，只是根据参数展现的页面数据有些不同而已。

解决方案

{ path: '/bar/:id?', name: 'bar', component: Bar }
id后面加个‘?’，设置为可选参数

官方有demo
https://github.com/vuejs/vue-...

这篇关于vue.js - Vue 路由参数怎么样可有可无呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！