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 @   吴小明-  阅读(1568)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
历史上的今天:
2020-11-19 const和Object.freeze()的区别
点击右上角即可分享
微信分享提示