vue.js vuetify test-utils предупреждение: Vue warn]: недопустимый проп: проверка типа не выполнена для проп "src".Ожидаемая строка, получившая объект

Question

Использование v-parallax vuetify с пропеллером для отображения URL ресурса (это рекомендуемый хак ..)

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

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

Я получаю изображение, отображаемое правильно, НО работает тест: единица, я также получаю предупреждение, поскольку v-параллакс требует строку, а не объект ... Тест пройден правильно (это всего лишь предупреждение ..), но есть ли способ избавиться от этого предупреждения?

спасибо за отзыв

Answer 1

Когда вам требуется файл, он возвращает содержимое данных этого файла.Для изображений возвращает объект Blob.А поскольку определение src prop в v-parallax гласит, что значение src должно быть строкой (путь к изображению), Vue выдаст это предупреждающее сообщение.

Чтобы удалить предупреждающее сообщение, вы можетеобновите определение src в v-параллаксе, чтобы принять и объект, и строку.

props: {
  src: [String, Object]
}

ИЛИ

Вы можете вернуть путь к изображениювместо того, чтобы возвращать данные в пределах изображения.

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

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

https://vuejs.org/v2/guide/components-props.html#Prop-Types
https://webpack.js.org/guides/asset-management/