父组件ajax数据传递给子组件,vue父组件请求的数据传递给子组件,子组件报错。...

在做后台管理的时候,我们选择的UI框架是Element-ui。有好几个页面都有表格和分页器。我选择把分页器进行了封装处理。但是我将请求过来的数据,里面涉及到总条数,我想将总条数传给子组件,子组件分页器,点击发生变化时再将页数传给父组件,使父组件中的数据得到对应页数的渲染。

但是很不好的是传过来渲染的时候,子组件出了报错

父组件

//methods 定义在methods 当子组件的页数发生变化的时候再次调用

this.$ajax('/api/product/list.do',{

params:{

pageNum:this.pageNum,

pageSize:this.pageSize

}

}).then(res => {

let {data} = res.data

this.dataList = data

}).catch(err => {

console.log(err)

})

子组件(弹出了一个错误)

vue.esm.js?c5de:628 [Vue warn]: Error in render: "TypeError: Cannot read property 'list' of null" found in at src/components/common/pagination.vue at src/views/Commodity/commodity.vue at packages/main/src/main.vue at packages/container/src/main.vue at src/views/index.vue at src/App.vue

处理方法(当然,解决的方法肯定有很多种)

//以为涉及到异步,我们当值存在的时候再将组建渲染

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值