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

Question

如何使用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.

Answer 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>