javascript - vue.js中怎麼渲染多層嵌套的json數據
PHP中文网
PHP中文网 2017-05-19 10:29:17
0
3
710

看完vue.js文件沒多久, 想用vue.js做一個小的demo,用的豆瓣的api,獲取的json數據,有好幾層。

#js程式碼

actions: {
    // search the music
    get_music (context, object) {
      axios.get(API.searchMusic + object.name)
          .then((response) => {
            context.commit('getMusic', response.data.musics)
          })
    }
  }

vue元件

<p>
    <img :src="musics.image">
    <p>{{ musics.author }}</p>
</p>

圖片取得到了,但我不知道怎麼取得author下面的name,直接寫autho的話會變顯示成

[{name: 'XXX'}]

我該js上面修改呢, 還是該怎麼寫

PHP中文网
PHP中文网

认证0级讲师

全部回覆(3)
滿天的星座

既然是數組麼,說明author可能不只一個。那你就循環輸出下嗆。

<p>
    <span v-for="a in musics.author">
        {{ a.name }}
    </span>
</p>
伊谢尔伦

雷雷

大家讲道理

我覺得是{{ musics.author[0].name}}。 。 。 。 ,你把資料格式看清楚就好了。 。 。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板