<NuxtPicture>

Nuxt 提供了一个 <NuxtPicture> 组件用于自动图片优化。

Maschinelle Übersetzung ·3 % geprüft

<NuxtPicture> 是对原生 <picture> 标签的替代组件。

使用 <NuxtPicture> 的方式几乎与 <NuxtImg> 相同，但它还允许在可能的情况下提供 webp 等现代格式。

安装

要使用 <NuxtPicture>，你需要安装并启用 Nuxt Image 模块：

Terminal

npx nuxt module add image

查看更多关于 <NuxtPicture> 组件的信息。

Was this helpful?

Nuxt 提供了一个 <NuxtImg> 组件，用于自动处理图片优化。

<Teleport> 组件可以将组件传送到 DOM 中的不同位置。