vue组件传值:父组件异步获取数据传递给子组件

1、给子组件加上v-if

2、通过ref将异步获取的值赋值给子组件中对应的参数

3、子组件中通过watch监听props的值(或computed)-----常用

  props: { data: { type: Object } },
  computed: {
    list() {
      const { id } = this.data
      return [
        [
          { label: '项目服务总耗时', value: id },
          { label: '周培优服务总耗时', value: 2 }
        ],
        [
          { label: '新高一服务总耗时', value: 3 },
          { label: '志愿填报服务总耗时', value: 4 }
        ],
        [
          { label: '心理测服务总耗时', value: 5 },
          { label: '暑假服务总耗时', value: 6 }
        ],
        [
          { label: '寒假服务总耗时', value: 7 },
          { label: '国庆假服务总耗时', value: 8 }
        ],
        [
          { label: '高考假服务总耗时', value: 9 },
          { label: '高考假服务总耗时', value: 10 }
        ]
      ]
    }
  }

4、v-model

 

posted @ 2021-11-19 14:21  吴小明-  阅读(1557)  评论(0编辑  收藏  举报