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

Question

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

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

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

标签： vue.jsnuxt.jsvuetify.jsvue-router

Answer 1

为什么不使用此处描述的插槽：Enclosure 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>