Vue Nuxt JS пользовательский тег изображения не загружает мой src - PullRequest
Новая
       77

Vue Nuxt JS пользовательский тег изображения не загружает мой src

1 голос
/ 21 июня 2020

Я хочу создать пользовательский компонент изображения в Nuxt JS (чтобы передать цвет rgb и он автоматически раскрашивает изображение), но у меня не получается, что он загружает мое изображение, когда img в моем компоненте CustomImage получает путь пройдено.

Ошибка: 

logotext.png:1 GET http://localhost:8080/@/assets/images/logotext.png 404 (Not 
Found)

My CustomImage: 

<template>
  <img  :src="src" :alt="alt" />
</template>

<script lang="ts">
import Vue from 'vue';
import { Component, Prop } from 'nuxt-property-decorator';

@Component({})
export default class CustomImage extends Vue {
  @Prop({
    type: String,
    required: true,
  })
  public src!: string;
  @Prop({
    type: String,
    required: true,
  })
  public alt!: string;
}
</script>

1 Ответ

1 голос
/ 21 июня 2020

Создайте папку с именем images внутри каталога static и переместите в нее изображения, а затем используйте их следующим образом: 

 <CustomImage src="/images/logotext.png" alt="Logo" />

/ относится к каталогу stati c.

проверьте здесь подробнее

...