vue渲染不上数据的问题如何处理？

发布时间：2022-01-01 17:53:59 所属栏目：语言来源：互联网

导读：vue渲染不上数据的问题如何解决？这里提到的vue渲染不上数据的问题是能获取到数据，但是数据却渲染不到页面上。那么什么方法可以解决这个问题呢？下面我们一起来探讨一下。问题描述：我数据全部拿到了，js 里面写 console.log( musics ) 数据打印出来都正

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:[ ] 删除

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

C++ search_n 函数用法	GDB print和display命
行逻辑链接的顺序表压	回看算法详解