vue 获取到数据但却渲染不到页面上的解决方法


Posted in Vue.js onNovember 19, 2020

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

问题描述: 我数据全部拿到了,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 获取数据但渲染不上内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Vue.js 相关文章推荐
vue+element实现动态加载表单
Dec 13 Vue.js
Vue实现随机验证码功能
Dec 29 Vue.js
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
Vue 数据响应式相关总结
Jan 28 Vue.js
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
Vue3 Composition API的使用简介
Mar 29 Vue.js
vue-element-admin项目导入和导出的实现
May 21 Vue.js
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
vue css 相对路径导入问题级踩坑记录
Jun 05 Vue.js
VUE递归树形实现多级列表
Jul 15 Vue.js
vue 插槽简介及使用示例
Nov 19 #Vue.js
详解Vue的mixin策略
Nov 19 #Vue.js
一篇超完整的Vue新手入门指导教程
Nov 18 #Vue.js
vue3.0实现点击切换验证码(组件)及校验
Nov 18 #Vue.js
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 #Vue.js
详解vue实现坐标拾取器功能示例
Nov 18 #Vue.js
Vue如何循环提取对象数组中的值
Nov 18 #Vue.js
You might like
php数据结构与算法(PHP描述) 查找与二分法查找
2012/06/21 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
javascript实现的鼠标链接提示效果生成器代码
2007/06/28 Javascript
JS特权方法定义作用以及与公有方法的区别
2013/03/18 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
input输入框鼠标焦点提示信息
2015/03/17 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
JavaScript 中的六种循环方法
2021/01/06 Javascript
python绘图库Matplotlib的安装
2014/07/03 Python
Python中lambda的用法及其与def的区别解析
2014/07/28 Python
Python 一句话生成字母表的方法
2019/01/02 Python
对pandas处理json数据的方法详解
2019/02/08 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
2014年应届大学生自我评价
2014/01/09 职场文书
运动会四百米广播稿
2014/01/19 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
学生党员的自我评价范文
2014/03/01 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
电视节目策划方案
2014/05/16 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
贷款承诺书
2015/01/20 职场文书
护士医德考评自我评价
2015/03/03 职场文书
2016春节慰问信范文
2015/03/25 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
2015年学校少先队工作总结
2015/07/20 职场文书
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
2021/06/15 Javascript
Windows Server 2008配置防火墙策略详解
2022/06/28 Servers