vue渲染不上数据的问题如何解决？-群英

上一篇：用JavaScript怎样实现两张图片合成的功能? 下一篇：微信小程序中怎样实现切换页面的效果？

vue渲染不上数据的问题如何解决？这里提到的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渲染不上数据的问题及解决方案就介绍到这，本文方法有一定的借鉴价值，需要的朋友可以了解看看，希望能对大家有帮助，想要了解更多大家可以关注其它的相关文章。

文本转载自脚本之家

标签： vue渲染不上数据

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：用JavaScript怎样实现两张图片合成的功能? 下一篇：微信小程序中怎样实现切换页面的效果？