vue 獲取到數(shù)據(jù)但卻渲染不到頁面上的解決方法
能獲取到數(shù)據(jù) 數(shù)據(jù)卻渲染不到頁面上
問題描述: 我數(shù)據(jù)全部拿到了,js 里面寫 console.log( musics ) 數(shù)據(jù)打印出來都正確,但是頁面里面就是不顯示。
很多時候對數(shù)據(jù)進行處理了,但是頁面上就是沒變化,沒效果,用 console.log 打印數(shù)據(jù)都沒問題,特別是數(shù)組、對象容易出現(xiàn)這個問題;
1、 this.$set( xxx )保存變量
2、this.$forceUpdate( xxx )強制更新,迫使 Vue 實例重新渲染。注意它僅僅影響實例本身和插入插槽內(nèi)容的子組件,而不是所有子組件。
另外:另外變量名別沖突,如下這種憨p情況
<script>export default { name: ’xxx’, props: { musics: { type: Array, default () {return [] } } }, data () { return { musics:[] } }</script>
解決辦法:將 js 代碼 data 中 musics:[ ] 刪除,
到此這篇關于vue 獲取到數(shù)據(jù)但卻渲染不到頁面上的解決方法的文章就介紹到這了,更多相關vue 獲取數(shù)據(jù)但渲染不上內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網(wǎng)!
相關文章:
1. asp(vbs)Rs.Open和Conn.Execute的詳解和區(qū)別及&H0001的說明2. 利用promise及參數(shù)解構封裝ajax請求的方法3. 解決AJAX返回狀態(tài)200沒有調(diào)用success的問題4. PHP設計模式中工廠模式深入詳解5. ThinkPHP5實現(xiàn)JWT Token認證的過程(親測可用)6. .NET中l(wèi)ambda表達式合并問題及解決方法7. ASP 信息提示函數(shù)并作返回或者轉向8. JSP數(shù)據(jù)交互實現(xiàn)過程解析9. Ajax實現(xiàn)表格中信息不刷新頁面進行更新數(shù)據(jù)10. CSS hack用法案例詳解
