vuejs не может отобразить изображение из папки активов - PullRequest
0 голосов
/ 10 июня 2019

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

data / character.js

export const character = [
  {
    name : 'Super Lady',
    fullImage : '../assets/characters/superLadyFull.png',
    headImage : '../assets/characters/superLadyHead.png',
    description : '少し恥ずかしがり屋の女の子 好きなことは買い物、カフェ巡り'

  }
]

charactersSelection.vue

<template>
<div>
    select the characther
    <div v-for="character in characters">
        <img :src="character.headImage">
        <p>{{character.description}}</p>
    </div>
  </div>
</template>

<script>
  import {character} from "../data/Character";

  export default {
    name: "CharactersSelection",
    data() {
        return {
            characters : character
        }
    }
  } 
</script>

<style scoped>

</style>

screenshot

1 Ответ

0 голосов
/ 10 июня 2019

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

<img src="assets/characters/superLadyHead.png">

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

export const character = [
  {
    name : 'Super Lady',
    fullImage : 'assets/characters/superLadyFull.png',
    headImage : 'assets/characters/superLadyHead.png',
    description : '少し恥ずかしがり屋の女の子 好きなことは買い物、カフェ巡り'

  }
]

Однако это делает некоторые предположения о том, как ваша страницаобслуживается.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...