代码之家 › 专栏 › 技术社区 › Thinker

如何将渲染的Vue组件作为参数传递?

v-tooltip font-awesome vue.js javascript

Thinker · 技术社区 · 6 年前

我使用vue、vue fontawome和v-tooltip。我只想做的是:

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

但这不起作用,不会呈现作为字符串传递的组件。如何轻松完成?

1 回复 | 直到 6 年前

Kordonme 6 年前

在这个特定的用例中,有一个 example for that 在v-tooltip自述文件中

如果需要在工具提示中显示组件(或弹出/下拉,技术上是一样的,使用v-popoover 成分

Here's an example 使用子组件作为弹出窗口。您将使用 <fa icon='sign-out-alt'/> 偶像。

推荐文章

Simon · 使用React更改字体可怕图标的颜色

3 年前

Muhammad Asif Mohtesham · 在Font Awesome中,是否可以使用CSS内容属性在“far”和“fas”数据前缀之间切换?[副本]

7 年前

en Peris · 使用JQuery动态更改AwesomeIcon的颜色

7 年前

Pranta Saha · 为什么Font Awesome图标类不同

7 年前

Mav · 如何将图标与固定高度标记的中心对齐[重复]

7 年前

LP13 · 在中心对齐定位标记内的内容

7 年前

Fjott · CSS-居中字体超级图标

7 年前

Sinan Samet · 字体很棒的图标不会显示在Angular 5中

7 年前

Tithos · 品牌FA5图标不工作

7 年前

SuperUberDuper · 字体awesome在加载之前显示方块

7 年前