Vue3 功能组件渲染函数 Primevue Tooltip

Question

rowTooltip: (createElement, cell, property, context) => {
            return withDirectives(createElement("div",  "any value"), ["tooltip", "is this the tooltip value?", "is this the value actually?", "no this is the value argument"]);
        },

如何呈现此工具提示指令：https://www.primefaces.org/primevue/tooltip

在带有 vue3 的功能组件内的渲染函数循环内。

我已经尝试了几个小时

为我的问题添加了一个叉子

Answer 1

vue3有功能H

使用设置功能：

setup() {
  const tooltip = resolveDirective('tooltip');

  return () => {
    const vnode = withDirectives(
      h(Button, { label: "I'am dynamic button, hover me too" }),
      [[tooltip, 'tooltip directive with render function']]
    );

    return vnode;
  };
}

例如：https://stackblitz.com/edit/vue-gg76si?file=src/main.js