vue computed计算属性显示undefined

在做三级联动菜单页面的时候,之前的几个报错都解决了,终于没有报错了,控制台干干净净,最后菜单却没显示出来,用vue开发者工具一看,三级联动的模块里,计算属性显示undefined。

在计算属性里console了一下,数组什么的都能在控制台输出,发现数据明明是传过来了的,

尴尬,原来是搞各种bug,console来console去的把计算属性的return整没了。

computed:{
    ...mapState({
      categoryList:(state)=>{
        // console.log(state.home.categoryList)
        state.home.categoryList
      }
    })
  }

加上return就恢复了。

computed:{
    ...mapState({
      //state的括号可以去掉,函数的大括号可以去掉
      categoryList:(state)=>{
        // console.log(state.home.categoryList);
        return state.home.categoryList;
      }
    })
  }

nice,我是伞兵。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值