javascript - 如何将渲染的 Vue 组件作为参数传递？

Question

我使用 Vue、vue-fontawesome 和 v-tooltip。我只是尝试做的是：

<button v-tooltip="<fa icon='sign-out-alt'/>">Upgrade</button>

但这不起作用，作为字符串传递的组件不会被渲染。如何轻松完成？

Answer 1

在这个特定的用例中，v-tooltip 自述文件中有一个示例

如果您需要在工具提示内显示组件（或弹出框/下拉列表，技术上是相同的），请使用 v-popover 组件

这是一个使用子组件作为弹出框的示例。而不是我的子组件，您将使用您的<fa icon='sign-out-alt'/>图标。