vue 獲取到數(shù)據(jù)但卻渲染不到頁面上的解決方法
能獲取到數(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)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue實(shí)現(xiàn)列表滾動(dòng)的過渡動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)列表滾動(dòng)的過渡動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
vue粘貼復(fù)制功能的實(shí)現(xiàn)過程記錄
最近在項(xiàng)目中遇到點(diǎn)擊按鈕復(fù)制鏈接功能,所以這篇文章主要給大家介紹了關(guān)于vue粘貼復(fù)制功能的實(shí)現(xiàn)過程,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
Vue框架可以很方便的引入各種插件,但是也因此會(huì)經(jīng)常遇到種編譯報(bào)錯(cuò),這篇文章主要給大家介紹了關(guān)于vue前端編譯報(bào)錯(cuò)解決的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
vite結(jié)合electron構(gòu)建前端桌面應(yīng)用程序
本文主要介紹了vite結(jié)合electron構(gòu)建前端桌面應(yīng)用程序，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
這篇文章主要為大家詳細(xì)介紹了Vue源碼之Watcher的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
vue-class-setup?編寫?class?風(fēng)格組合式API
這篇文章主要為大家介紹了vue-class-setup?編寫?class?風(fēng)格組合式API，支持Vue2和Vue3，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
vue.js使用Element-ui實(shí)現(xiàn)導(dǎo)航菜單
這篇文章主要為大家詳細(xì)介紹了vue.js使用Element-ui中實(shí)現(xiàn)導(dǎo)航菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
今天小編就為大家分享一篇vue之debounce屬性被移除及處理詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vue 最獨(dú)特的特性之一,是其非侵入性的響應(yīng)式系統(tǒng),下面這篇文章主要給大家介紹了關(guān)于Vue響應(yīng)式原理源碼剖析的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-10-10
vue3常用響應(yīng)式對(duì)象的api,你全用過了嗎
這篇文章主要給大家介紹了關(guān)于vue3常用響應(yīng)式對(duì)象api的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue3具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02