🐛 [Bug]: vue@2.7.16 下 modal 的 slots 不生效，render函数不太对

[defghy]

Version

2.23.0

Vue Version

2.7.16

Link to minimal reproduction

modal的slot不兼容vue2

Step to reproduce

modal的slot对应的render函数如下

  h(
    "div",
    {
      class: "tiny-modal__content",
    },
    defaultSlot
      ? defaultSlot.call(
          this,
          {
            $modal: this,
          },
          h
        )
      : [
          h(
            "div",
            {
              class: "tiny-modal__text",
            },
            typeof message2 === "function"
              ? message2.call(this, h)
              : [message2]
          ),
        ]
  )

这里defaultSlot.call需要用数组格式，否则children是undefined，需要如下格式才行

[
defaultSlot.call(
    this,
    {
      $modal: this,
    },
    h
  )
]

可能vue3这样可以，但是vue2不行

What is expected

No response

What is actually happening

No response

What is your project name

todo

Any additional comments (optional)

No response

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Title: 🐛 [Bug]: The slots of modal under vue@2.7.16 do not take effect, and the render function is not correct

[petercat-assistant]

感谢您提供详细的信息。根据您描述的问题，似乎在 Vue 2 中使用 defaultSlot.call 时需要将其包裹在数组中，否则会导致 children 为 undefined。这是因为在 Vue 2 中，渲染函数的子节点需要是一个数组，而在 Vue 3 中可能不需要这样处理。

您可以尝试以下修改来解决这个问题：

h(
  "div",
  {
    class: "tiny-modal__content",
  },
  defaultSlot
    ? [
        defaultSlot.call(
          this,
          {
            $modal: this,
          },
          h
        )
      ]
    : [
        h(
          "div",
          {
            class: "tiny-modal__text",
          },
          typeof message2 === "function"
            ? message2.call(this, h)
            : [message2]
        ),
      ]
)

通过将 defaultSlot.call 包裹在数组中，应该可以解决在 Vue 2 中的兼容性问题。

如果您还有其他问题或需要进一步的帮助，请随时告诉我。

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.