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