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渲染不上数据的问题及解决方案就介绍到这,本文方法有一定的借鉴价值,需要的朋友可以了解看看,希望能对大家有帮助,想要了解更多大家可以关注其它的相关文章。
文本转载自脚本之家
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理