智慧商城:基于请求数据动态渲染购物车列表
进入购物车列表页面,当即触发请求,打印出解构出来的data.list
查看数据是否添加到 vuex 中。
将物品加入购物车,点击购物车进入购物车列表页,点击 vue 调试工具,可以看到 cart 模块state中新增添加的几个物品信息
渲染:
想要在cart组件中拿到 state ,可以使用 计算属性computed,使用辅助函数 mapState,将 vuex中的state映射到cart组件中
van-checkbox组件不能用 v-model 双向绑定,还有子组件标签 输入框组件,两个都不能使用v-model双向绑定,俩组件里的内容都不能被轻易修改。
所以只能使用 :value
渲染完成(复选框,数字框都是组件,组件必须用 :value来绑定,不能用 v-model 直接绑定)