问题:
今天在做项目的时候出现了一个问题,父组件通过调用接口获取到的数据,将库存数量通过属性传值的方式传递给子组件,子组件通过props的方式获取数据,在进行数据渲染(限制库存数量的值)的时候,获取到的值是undefined。
父组件goodinfo.vue


子组件goodinfo_num.vue


console输出数据为:


解决办法:
通过watch来监听父组件传过来的max值,无论watch触发几次,但是最后一次肯定是一个合法的值。如此,问题就可以得到解决。
对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。

由于本人此处用的时mui框架的 number box 组件
mui框架文档:http://dev.dcloud.net.cn/mui/ui/#numbox
mui(Selector).numbox().setOption('step',5)
可以将最大值限制,并且能够获取到父组件通过异步传过来的数据,效果如下:。

网友评论