v-tooltip 中的 Html img 标签不适用于 vue.js答案

【问题标题】：Html img tag in v-tooltip not working for vue.jsv-tooltip 中的 Html img 标签不适用于 vue.js
【发布时间】：2021-01-05 05:22:12
【问题描述】：

我正在使用 Vue.js 的 v-tooltip 包，我基本上是在尝试将 html img 标签放入其中，但 img 没有呈现：

这是我的代码：

<router-link to="/" class="routerlinks" v-tooltip="{content: `<img src='@/assets/keys/shift.png' />`, html: true}">
   <li class="link">{{$t('home')}}</li>
</router-link>

这是我的项目结构：

src/
--assets/
----钥匙/
------shif.png
--组件/
----布局/
-----Navbar.vue

这里是工具提示内容：

有人知道吗？提前致谢！

【问题讨论】：

检查你是否得到正确的图片地址
事实上我得到了正确的img地址... :/
您可以试试<img src='~@/assets/keys/shift.png' /> 并使用.. 导航到src 目录<img src='../../assets/keys/shift.png' />
两者都不工作
你的目录结构是什么？你加了多少../？

标签： vue.js

【解决方案1】：

如果图像在项目的其他地方工作，那么这是一个 v-tooltip 问题。似乎显示文本以外的内容，可以使用 v-popover 组件。试试it。如需参考，请查看docs。

【讨论】：