vue 獲取到數(shù)據(jù)但卻渲染不到頁(yè)面上的解決方法
能獲取到數(shù)據(jù) 數(shù)據(jù)卻渲染不到頁(yè)面上
問(wèn)題描述: 我數(shù)據(jù)全部拿到了,js 里面寫(xiě) console.log( musics ) 數(shù)據(jù)打印出來(lái)都正確,但是頁(yè)面里面就是不顯示。
很多時(shí)候?qū)?shù)據(jù)進(jìn)行處理了,但是頁(yè)面上就是沒(méi)變化,沒(méi)效果,用 console.log 打印數(shù)據(jù)都沒(méi)問(wèn)題,特別是數(shù)組、對(duì)象容易出現(xiàn)這個(gè)問(wèn)題;
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ù)但卻渲染不到頁(yè)面上的解決方法的文章就介紹到這了,更多相關(guān)vue 獲取數(shù)據(jù)但渲染不上內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. Docker 部署 Prometheus的安裝詳細(xì)教程2. idea 打包的jar運(yùn)行報(bào) "XXX中沒(méi)有主清單屬性"3. idea重置默認(rèn)配置的方法步驟4. 通過(guò)Django Admin+HttpRunner1.5.6實(shí)現(xiàn)簡(jiǎn)易接口測(cè)試平臺(tái)5. IntelliJ IDEA設(shè)置自動(dòng)提示功能快捷鍵的方法6. IntelliJ IDEA安裝插件的方法步驟7. idea打開(kāi)多個(gè)窗口的操作方法8. php過(guò)濾器使用詳解9. IntelliJ IDEA調(diào)整字體大小的方法10. idea設(shè)置代碼格式化的方法步驟

網(wǎng)公網(wǎng)安備