能獲取到數(shù)據(jù) 數(shù)據(jù)卻渲染不到頁面上

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

很多時(shí)候?qū)?shù)據(jù)進(jìn)行處理了，但是頁面上就是沒變化，沒效果，用 console.log 打印數(shù)據(jù)都沒問題，特別是數(shù)組、對(duì)象容易出現(xiàn)這個(gè)問題；

1、 this.$set( xxx )保存變量

2、this.$forceUpdate( xxx )強(qiáng)制更新，迫使 Vue 實(shí)例重新渲染。注意它僅僅影響實(shí)例本身和插入插槽內(nèi)容的子組件，而不是所有子組件。

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

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

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

到此這篇關(guān)于vue 獲取到數(shù)據(jù)但卻渲染不到頁面上的解決方法的文章就介紹到這了,更多相關(guān)vue 獲取數(shù)據(jù)但渲染不上內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！