0

上下文：我有一个 Nuxt.js 项目，我正在尝试使用延迟加载显示图像（带有动态路径）。

问题：它实际上在 Dev 和 Prod 环境中都有效，但我遇到了错误，我很确定我没有遵循最佳实践。

详细信息：这是代码：

<v-img
  :src="require(`~/assets/images/${image_name}.png?size=600&format=webp`)"
  :lazy-src="require(`~/assets/images/${image_name}.png?size=60&format=webp&vuetify-preload`)"
>
</v-img>

图像在assets文件夹内，我正在使用sharp.

我的编译器在他们声称可以是对象但必须是字符串的vuetify 文档ERROR [Vue warn]: Invalid prop: type check failed for prop "lazySrc". Expected String, got Object中确实抛出了一个错误。srclazy-src

他们还提到我可以使用vuetify loader，但我找不到工作示例。

4

0 回答 0