Vue获取数据却渲染不上页面，如何快速排查并解决？

本文共计428个文字，预计阅读时间需要2分钟。

无法获取到数据+数据但未显示在页面上+问题描述：+我已经获取到全部数据，js中写console.log(musics)数据打印出来都正确，但页面就是不显示。+很多时候对数据进行处理了，但页面显示还是不显示。

能获取到数据 数据却渲染不到页面上

问题描述： 我数据全部拿到了，js 里面写 console.log( musics ) 数据打印出来都正确，但是页面里面就是不显示。

很多时候对数据进行处理了，但是页面上就是没变化，没效果，用 console.log 打印数据都没问题，特别是数组、对象容易出现这个问题；

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 获取到数据但却渲染不到页面上的解决方法的文章就介绍到这了,更多相关vue 获取数据但渲染不上内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！