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
分类:
vue
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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()的区别