Question

使用v-parallax vuetify与道具一起显示资产URL（这是推荐的技巧。）

 <v-parallax :src="parallaxUrl()">

 methods: {
    parallaxUrl() {
      return require("@/assets/images/hero.jpeg");
    },

我得到正确显示的图像，但是运行test：unit，我也得到了警告，因为v视差需要一个字符串而不是一个对象... 测试正确通过了（这只是一个警告..），但是有办法摆脱此警告吗？

感谢您的反馈

Answer 1

当您需要一个文件时，它将返回该文件的数据内容。对于图像，它返回一个Blob对象。而且由于v-parallax中src prop的定义指出src的值应为字符串（图像的路径），因此Vue会抛出该警告消息。

要删除警告消息，可以更新v-parallax中的src定义以接受对象和字符串。

props: {
  src: [String, Object]
}

OR

您可以返回图像的路径，而不是返回图像中的数据。

<v-parallax :src="parallaxUrl()">

methods: {
  parallaxUrl() {
    return "./assets/images/hero.jpeg"
  },
}