>source

이미지 src 태그에 AlumbId를 첨부하려고합니다. 내가 찾은 것은 링크를 사용하고 다시 보내려면 메소드를 사용해야한다는 것입니다. 이것이 최선의 방법인지 확실하지 않지만 제대로 작동하지만 어떤 이유로 든 메소드가 AlumbId를 'undefined'로 보내서 이미지를 다시 얻지 못합니다.

<template>
<div id="tracks">
  <div id="track"  v-for="track in tracks" :key='track.id'>
    <img class="cover" :src="getAlbumImg(track.albumId)" />
    <div class=content-name>{{track.albumName}}</div>
    <div class="artist-name">{{track.artistName}}</div>
    <audio controls class= "audio">
      <source type="audio/mpeg">
    </audio>
  </div>
</div>
</template>
<script>
import axios from 'axios';
export default {
  name: 'Tracks',
  data () {
    return {
      tracks: []
    }
  },
  created() {
    axios.get('http://api.napster.com/v2.2/tracks/top?apikey=YTkxZTRhNzAtODdlNy00ZjMzLTg0MWItOTc0NmZmNjU4Yzk4')
    .then(response => {
      // JSON responses are automatically parsed.
      this.tracks = response.data
    })
    .catch(e => {
      this.errors.push(e)
    })
  },
  methods: {
    getAlbumImg: function(albumId) {
      return 'http://direct.rhapsody.com/imageserver/v2/albums/' + albumId + '/images/300x300.jpg';
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>


  • 이전 plot - matlab - probplot을 사용한 컬러 스케일
  • 다음 c++ - enum 유형의 벡터 벡터를 저장하는 방법