关于picker第一次点击调取后台接口内容不显示问题解决方法

因为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')

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值