本篇文章为大家展示了使用vue 获取数据无法进行渲染如何解决，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
能获取到数据 数据却渲染不到页面上
问题描述： 我数据全部拿到了，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 获取数据无法进行渲染如何解决，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注本站行业资讯频道。