vue3前端开发-小兔鲜项目-一级分类的路由设置

vue3前端开发-小兔鲜项目-一级分类的路由设置!之前的代码,我们没有做一级分类的路由设置,所以点击是默认停留在原始页面了,不会发生跳转。今天我们把路由设置好,让它实现动态路由跳转到一级分类页面去的效果。


1:第一步,我们提前 准备好一级分类的模块组件。

如图,在视图里面,下面,有category文件夹,里面我们已经创建好了一个简单的模板,index.vue,这是一个根组件,未来,这里面还会有很多子组件(展示各种不同的信息,不同的信息,有对应各自的子组件来完成承载。)


2:第二步,我们去修改一下路由的配置信息。

如图,我们在这个路径后面加上一个动态的参数,id

这样可以把接收过来的分量id,属性值绑定到了我们的路径里面去了。


3:然后,我们去修改一下,图层模板组件内的情况。

如图,一定要记住,动态渲染,前面少不了那个:冒号,别忘了。

还需要修改一个地方,固定在顶层位置的组件内也有这个代码块。

如图所示,这个也得改成动态渲染的,这样就可以实现参数id渲染进入路径了。

相关推荐
用户81274828151201 分钟前
libgui中的BufferQueueProducer加入堆栈CallStack编译报错问题-大厂企业实战项目难题
前端
myltx1 分钟前
node-sass 迁移 sass(dart-sass) 后样式报错?用 loader 先把构建救回来
vue.js·前端工程化
明月_清风1 分钟前
从"请求地狱"到"请求天堂":alovajs 如何用 20+ 高级特性拯救前端开发者
前端·后端
用户0203388613142 分钟前
Vue以及ElementPlus学习
vue.js
用户841794814564 分钟前
vxe-table 个性化列自定义列弹出层修改高度、修改最大高度不自动适应表格高度的方法
vue.js
xuedaobian5 分钟前
Markdown 宽表格突破容器边界滚动方案
前端·css
再吃一根胡萝卜5 分钟前
[ECharts] Instance ec_1234567890 has been disposed
前端
德育处主任5 分钟前
『NAS』中午煮什么?Cook
前端·docker
董世昌416 分钟前
js遍历数组和对象的常用方法有哪些?
开发语言·javascript·ecmascript
清风乐鸣6 分钟前
Zustand 、Jotai和Valtio源码探析
前端