uniapp----024--项目改造导航区并跳转到商品列表页面及封装商品列表组件

2022年8月25日 302点热度 0人点赞 0条评论

第十八次课 改造导航区并跳转到商品列表页面及封装商品列表组件


1、改造导航区并跳转到商品列表页面

 

图片

将原来的内容结构改造;

改造前:

 

改造后:

 

 

 

2、导航点击跳转事件

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3、封装商品列表组件并使用

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 在首页index.vue页面,使用封装后的组件:

 

 

 

 

 

goods.vue页面商品列表页面中,先获取数据,再使用封装后的组件:

 

 

 

 

 

 

 

 

 

 

 

 

84560uniapp----024--项目改造导航区并跳转到商品列表页面及封装商品列表组件

这个人很懒,什么都没留下

文章评论