vue 獲取到數(shù)據(jù)但卻渲染不到頁面上的解決方法
更新時間：2020年11月19日 09:03:05 作者：老程2048
這篇文章主要介紹了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 實例重新渲染。注意它僅僅影響實例本身和插入插槽內容的子組件，而不是所有子組件。
另外：另外變量名別沖突，如下這種憨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ù)但渲染不上內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要給大家介紹了關于vue路由的配置和頁面切換的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
更強大的vue ssr實現(xiàn)預取數(shù)據(jù)的方式
這篇文章主要介紹了更強大的 vue ssr 預取數(shù)據(jù)的方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
大屏數(shù)字滾動翻轉效果來源于最近工作中element后臺管理頁面一張大屏的UI圖，該UI圖上有一個模塊需要有數(shù)字往上翻動的效果。本文通過截圖代碼的形式給大家介紹Vue.js實現(xiàn)大屏數(shù)字滾動翻轉效果，感興趣的朋友一起看看吧2019-11-11
這篇文章主要介紹了element-ui之解決select無法回顯的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue中標簽自定義屬性的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
使用Vue3+Vant組件實現(xiàn)App搜索歷史記錄功能(示例代碼)
最近接了個項目需要開發(fā)一個app項目，由于是第一次接觸這種app開發(fā)，經(jīng)過一番思考，決定使用Vue3+Vant前端組件的模式進行開發(fā)，下面把問題分析及實現(xiàn)代碼分享給大家，需要的朋友參考下吧2021-06-06
這篇文章主要為大家介紹了Vue2?this直接獲取data和methods原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要給大家介紹了關于vue使用echarts圖表自適應的幾種解決方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
父子組件使用<script setup>語法糖,父組件通過給子組件定義ref訪問子組件內部屬性或事件,本文給大家介紹了解決vue3使用ref 獲取不到子組件屬性問題,文中通過代碼示例講解的非常詳細,需要的朋友可以參考下2024-06-06
這篇文章主要介紹了解決Element ui導航欄選中背景色刷新消失的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05