谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互

1.添加菜单

把资料里的sys_menus.sql复制到 admin库执行

可以看到菜单和一些子菜单就被添加进来了

谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互_第1张图片

2.接口文档链接

https://easydoc.xyz/s/78237135/ZUqEdvA4/qvTTYD1x

3.抽取三级分类组件

因为我们在三个页面的左侧都要显示三级分类,然后右侧根据三级分类分别显示属性分组,规格参数与销售属性,

所以左侧作为一个公共部分可以抽取出来

谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互_第2张图片

创建公共组件

谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互_第3张图片

内容为之前我们写过的三级分类中拷过来,不过一些事件与按钮都不需要了




4.子组件编写节点点击事件方法,父子组件交互

子组件中

谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互_第4张图片

父组件中

谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互_第5张图片

谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互_第6张图片

5.点击后测试成功

谷粒商城day49 -商品服务-API-属性分组-前端组件抽取&父子组件交互_第7张图片

你可能感兴趣的:(谷粒商城,属性分组-前端组件抽取,父子组件交互)