vue渲染不上数据的问题如何处理?
发布时间:2022-11-18 10:56:53 所属栏目:语言 来源:
导读: 问题描述: 我数据全部拿到了,js 里面写 console.log( musics ) 数据打印出来都正确,但是页面里面就是不显示。
很多时候对数据进行处理了,但是页面上就是没变化,没效果,用 console.log 打印数据都没
很多时候对数据进行处理了,但是页面上就是没变化,没效果,用 console.log 打印数据都没
问题描述: 我数据全部拿到了,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:[ ] 删除 (编辑:拼字网 - 核心网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐