能獲取到資料 資料卻渲染不到頁面上

問題描述： 我資料全部拿到了，js 裡面寫 console.log( musics ) 資料打印出來都正確，但是頁面裡面就是不顯示。

很多時候對資料進行處理了，但是頁面上就是沒變化，沒效果，用 console.log 列印資料都沒問題，特別是陣列、物件容易出現這個問題；

1、 this.$set( xxx )
儲存變數

2、this.$forceUpdate( xxx )
強制更新，迫使 Vue 例項重新渲染。注意它僅僅影響例項本身和插入插槽內容的子元件，而不是所有子元件。

另外：另外變數名別衝突，如下這種憨p情況

<script>
export default {
  name: 'xxx',props: {
    musics: {
      type: Array,default () {
        return []
      }
    }
  },data () {
    return {
      musics:[]
    }
  }
</script>

解決辦法:
將 js 程式碼 data 中 musics:[ ] 刪除，

到此這篇關於vue 獲取到資料但卻渲染不到頁面上的解決方法的文章就介紹到這了,更多相關vue 獲取資料但渲染不上內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！