Vue插槽在罕见且不可预测的情况下不起作用(潜在的vue错误?)
我有一个在某些未知情况下不可靠的插槽的奇怪错误。
成分
有3个层次组件。
- 孙子 (headlessTable),它提供了一个名为
arrayValue. - 子项 (collapsableCard),它在孙子项和父项之间传递插槽。
- 父级 (orderDataCard),决定呈现该插槽的链接。
问题:不是渲染父链接,而是在加载新数据时渲染子的默认插槽 html 。
数据结构(orderDetails)
- 过程(对象)
- 标记(字符串)
- 常见的(对象)
- 附加参数(数组)
- 类别(字符串)
- 类型(字符串)
- 名称(字符串)
- 值(字符串)
- 附加参数(数组)
- 销售组织 (obj)
- 发票(数组)
- 发票AgreementId(字符串)
- 付款类型(字符串)
再生产
Stackblitz或Codesandbox
请查看该字段additionalArguments,它包含一个链接。按 ALT+M 模拟获取新数据。现在,不是呈现链接,而是呈现该命名插槽的默认插槽 html。您可以按 ALT+J 加载原始数据,但这次没有链接。
| 初始数据 (ALT+J) | 加载的数据 (ALT+M) | 类型 | 等值 |
|---|---|---|---|
| 标记 | 字符串 | 错误的 | |
| 常见的 | 常见的 | 对象 | 真的 |
| 销售组织 | 销售组织 | 对象 | 真的 |
| 发票(空) | 发票 | 阿尔 | 错误的 |