因为picker的rang在首次点击的时候被调用,所以第一次点击就调取接口是不显示的picker的内容
解决方法:就在进入页面的时候获取所有数据渲染,不然就在点击再去获取接口是不显示不了的
也可以通过子组件调用父组件的方法来解决,在进入父组件页面就调一次接口,在每次点击时就调用父组件的获取后台数据的接口。这样就能解决问题了
我的是react的写法,大家可以按着自己的小程序和uniapp来
//父组件页面
{list.map(item => <Card item={item} :dataPicker='dataPicker' @getLabelList='getLabelList' />)}
data(){
return{
dataPicker: []
}
}
mounted() {
getLabelList()
},
async getLabelList () {
let res = await service.device.labelList({ shopId });
this.dataPicker = res
}
//子组件页面
getLabel() {
this.$emit('getLabelList')
}