效果图:

饿了么webapp之数据二级访问

父组件代码:

饿了么webapp之数据二级访问

饿了么webapp之数据二级访问


子组件代码:

饿了么webapp之数据二级访问


问题在于:子组件获取seller.supports[0]时一定要通过v-if判断有无seller.supports,否则会报错,这是为什么呢?

原因在于一开始传过去的seller.supports[0]是并没有这个属性,但是有seller.support和support.name等,因为这些可以说是直接属性,而support是一个数组里面包含对象,访问里面的数据要通过二级访问。一开始是直接把seller.supports[0]渲染了,然而并没有找到这个属性,因此报错。加上v-if="seller.supports"后,会再去二级访问supports找到数据,再去渲染这个元素,因此就不会报错了。

相关文章:

  • 2022-01-05
  • 2022-01-21
  • 2021-05-22
  • 2022-12-23
  • 2021-09-26
  • 2021-11-01
  • 2021-07-06
  • 2021-09-24
猜你喜欢
  • 2021-12-31
  • 2021-11-15
  • 2021-06-01
  • 2021-09-09
  • 2021-05-24
  • 2021-08-27
  • 2021-08-02
相关资源
相似解决方案