如何封装一个可以动态指定列数的商品列表

我要封装一个商品列表的组件,可以通过父组件传值指定它的列数,并且动态地控制每一个商品所占的大小。
我的想法是这样的:
给父组件传一个值 columns ,告诉父组件要生成多少列的商品列表,然后在父组件里用 将 (100 / columns) + '%'的值传给子组件来控制子组件的大小从而就可以生成指定列数的商品列表了

父组件:
commodityList:商品列表组件
子组件:
commodity:单个商品

但是通过传给父组件columns后在父组件的 props 里获取不到,没办法进行计算,

怎么办,已经卡了几个小时了

哈哈,我刚做完一个类似的
我那个是右侧有一个选项组,可以控制当前表头展示哪些列,动态的选择

数据传递有异步问题,你可以用监听器监听一下,看有没有变化

子 传父 接收不到 值呗 那 父组件 能触发子组件定义的事件吗
是不是 写错了
https://www.cnblogs.com/wwll2020/p/16524667.html