vue 獲取到數據但卻渲染不到頁面上的解決方法

能獲取到數據 數據卻渲染不到頁面上

問題描述： 我數據全部拿到了，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 獲取數據但渲染不上內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！