如何使用带有 img 标签的 v-slot？答案

【问题标题】：How to use v-slot with img tag?如何使用带有 img 标签的 v-slot？
【发布时间】：2021-05-25 11:45:24
【问题描述】：

如何使用nuxt正确添加图片链接？

我目前正在使用tag="img"，但似乎不推荐使用 tag prop。那么有没有更好的办法呢？

<nuxt-link
      tag="img"
      :src="require('~/assets/ProfitApp-icon.png')"
      height="55"
      alt="logo"
      class="px-3"
      to="/"
    />

WARN [vue-router] 的 tag 属性已被弃用并且有已在 Vue Router 4 中删除。使用 v-slot API 删除它警告： https://next.router.vuejs.org/guide/migration/#removal-of-event-and-tag-props-in-router-link.

【问题讨论】：

为什么不使用插槽？也许有帮助：stackoverflow.com/q/45962539/1295622
请您把它写成答案表格，以便我接受您的答案作为正确答案吗？

标签： vue.js nuxt.js vuetify.js vue-router

【解决方案1】：

为什么不使用此处描述的插槽：Enclosing a router-link tag in an image in vuejs

<nuxt-link to="/" class="px-3">
  <img
    :src="require('~/assets/ProfitApp-icon.png')"
    height="55"
    alt="logo"
  />
</nuxt-link>

【讨论】：