• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

互联网 diligentman 1周前 (11-17) 8次浏览

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

问题描述: 我数据全部拿到了,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:[ ] 删除,


喜欢 (0)