shop-cart-list组件优化

来源:5-8 购物车列表功能完善

zhkh

2018-11-17

黄老师, 重构版的shop-cart-list组件为了实现层级是否有点hack的做法, clone了一个组件盖在原有组件上面…
是否可以考虑给createApi增加一个可选挂载el的选项, 就像react 16的protal一样呢? 目前的实现方法感觉过于复杂了,难以理解和维护。

写回答

2回答

weixin_慕斯卡1272871

2019-04-24

参见上面我回复老师的回复

截图如下

//img.mukewang.com/szimg/5cbfbf0f0001e03319201041.jpg

//img.mukewang.com/szimg/5cbfbf0f000188f619080995.jpg


1
0

ustbhuangyi

2018-11-18

你这个确实是个好问题,现在的实现也确实复杂了一些,但是设置挂载节点可能仍然不能解决我们课程遇到的问题,本质上 fixed 会受外层的 transform 影响。
我想到一个方案是把这个底部的 shop-cart 组件在 shop-cart-list 底部再引用一份,共享数据的方式,而不用动态去创建 shop-cart-sticky 组件,可能从理解上更容易一些。你可以尝试一下,或者有更好的方案,也欢迎交流。

0
6
qq_慕运维8106661
回复
weixin_慕斯卡1272871
你好,我按照你的这个思路,的确是可以解决购物车底部被盖住的问题,但是小球动画怎么解决呢?我发现在food和shop-cart-list这两处调用小球动画,小球会被盖住,看不到效果。
2019-12-26
共6条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程