Vue插槽在罕见且不可预测的情况下不起作用(潜在的vue错误?)

我有一个在某些未知情况下不可靠的插槽的奇怪错误。

成分

有3个层次组件。

  • 孙子 (headlessTable),它提供了一个名为arrayValue.
  • 子项 (collapsableCard),它在孙子项和父项之间传递插槽。
  • 父级 (orderDataCard),决定呈现该插槽的链接。

问题:不是渲染父链接,而是在加载新数据时渲染子的默认插槽 html 。

数据结构(orderDetails)

  • 过程(对象)
    • 标记(字符串)
    • 常见的(对象)
      • 附加参数(数组)
        • 类别(字符串)
        • 类型(字符串)
        • 名称(字符串)
        • 值(字符串)
    • 销售组织 (obj)
    • 发票(数组)
      • 发票AgreementId(字符串)
      • 付款类型(字符串)

再生产

Stackblitz或Codesandbox

请查看该字段additionalArguments,它包含一个链接。按 ALT+M 模拟获取新数据。现在,不是呈现链接,而是呈现该命名插槽的默认插槽 html。您可以按 ALT+J 加载原始数据,但这次没有链接。

初始数据 (ALT+J) 加载的数据 (ALT+M) 类型 等值
标记 字符串 错误的
常见的 常见的 对象 真的
销售组织 销售组织 对象 真的
发票(空) 发票 阿尔 错误的
以上是Vue插槽在罕见且不可预测的情况下不起作用(潜在的vue错误?)的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>