inject类型丢失问题

使用 provide / inject 实现深度嵌套组件中的父子组件传值问题时，父组件通过 provide 提供数据，子组件通过 inject 接收并使用这些数据。

inject 接收数据时出现了类型丢失的问题。

父组件中在 setup 中使用 provide 向子组件提供类型为 number 的 companyId ：

子组件通过 inject 接收数据时，类型为 unknown：

可以通过 Vue 提供的 InjectionKey<T> 类型工具实现类型的共享；

参考资料：VueUse 作者 Anthony Fu 分享可组合的 Vue_哔哩哔哩_bilibili 31：21- 33：43

通过在 ts 文件中定义：

在父组件中使用 provide 时可以写为：

在子组件中，通过 inject 就可以获取到父组件传值的类型：

inject类型丢失问题相关推荐

（金融入门知识点）Double类型丢失精度
Double计算精度丢失原因:Double计算精度丢失(金融入门知识点)__yosemite的博客-CSDN博客_double精度丢失 Double计算精度丢失解决办法:Double类型丢失精度的两种 ...
js long类型精度丢失_解决js处理Long类型丢失精度的问题
项目中很多时候都会用到json,常用的有fastjson,Jackson等等这些,有时候为了统一,我们通常就会约定使用某一种. 不管使用哪种,Spring MVC返回个前段Long类型的数据时,js在 ...
php7.4 json_encode转换float类型丢失精度问题
先看效果: 当执行命令 php -r "echo json_encode([528.56 * 100]);" 结果并不是我们想要的 52856 产生问题的原因就是因为php7.1之 ...
Python笔记 · 鸭子类型 / Duck Typing
1. 问题的由来我初次意识到鸭子类型的存在是在学习Sklearn时,在<Hands-On Machine Learing>一书的第二章,作者提供了一个自定义的Tansformer,使用自 ...
数据不幸丢失怎么办？恢复丢失数据的 7 大方法
有时,您的系统可能会无意中被数据丢失等不可预见的事件唤醒.数据丢失已成为我们数字经济中的普遍现象,其发生的方式多种多样,包括意外删除.病毒攻击.无法访问的分区.数据损坏,甚至更灾难性的情况,如数据盗窃 ...
wadl2java cxf_java – CXF JAXRS |生成的wadl中不存在复杂响应类型
我们使用cxf 2.5.2和 spring来暴露和消费宁静的服务. 为了分发服务接口类,我们开始使用wadl2 java目标(根据给定的wadl文件生成接口类) 生成的wadl不包含正确的响应类型,因 ...
（十四）【RecSys 2016】Personalized Recommendations using Knowledge Graphs: A Probabilistic【看不懂】
题目: Personalized Recommendations using Knowledge Graphs: A Probabilistic Logic Programming Approach( ...
331页！2021年的精华尽在这本数据库技术年刊
难忘的2021已经过去,我们为大家整理了过去一年<云和恩墨技术通讯>的优质内容.墨天轮专家发布的前瞻文章.公司产品的更新发布以及过去一年中的优秀案例等,形成了这本<云和恩墨2021年 ...
Scalaz（38）－ Free ：Coproduct－Monadic语句组合
很多函数式编程爱好者都把FP称为Monadic Programming,意思是用Monad进行编程.我想FP作为一种比较成熟的编程模式,应该有一套比较规范的操作模式吧.因为Free能把任何F[A]升格 ...

inject类型丢失问题

inject类型丢失问题相关推荐

最新文章

热门文章