解决vue props 拿不到值的问题


Posted in Javascript onSeptember 11, 2018

方案一:

在子组件中设置v-if='flag',初始值false,在成功获取数据后设置为true

// 子组件
 <echarts :datas="conditionStatisticsData" v-if="flag"></echarts>
// 成功获取数据后 flag设置成true
 homeResource.getConditionData().then((res) => {
 this.flag = true
  if (res.data.status === 0) {
   console.log('条件', res.data.data)
   this.conditionStatisticsData = res.data.data
  }
 })

方案二:

watch监听props传递过来的值,在里边执行方法

watch: {
 datas: function (val) {
   this.chartsInit(val)
  }
 },

以上这篇解决vue props 拿不到值的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Mootools 1.2教程 函数
Sep 15 Javascript
可插入图片的TEXT文本框
Dec 27 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
Nov 11 Javascript
js指定步长实现单方向匀速运动
Jul 17 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
React key值的作用和使用详解
Aug 23 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 #Javascript
JavaScript中Array方法你该知道的正确打开方法
Sep 11 #Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 #Javascript
详解webpack模块加载器兼打包工具
Sep 11 #Javascript
webpack css加载和图片加载的方法示例
Sep 11 #Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 #Javascript
webpack的CSS加载器的使用
Sep 11 #Javascript
You might like
PHP的5个安全措施小结
2012/07/17 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
PHP操作MySQL事务实例
2014/11/05 PHP
JavaScript中获取元素索引的函数
2010/09/10 Javascript
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
框架页面高度自动刷新的Javascript脚本
2013/11/01 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
Vue数据驱动模拟实现4
2017/01/12 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
JS触摸事件、手势事件详解
2017/05/04 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
2017/08/02 Javascript
JS实现的简单标签点击切换功能示例
2017/09/21 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
[01:21:36]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Eclipse和PyDev搭建完美Python开发环境教程(Windows篇)
2016/11/16 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
用python实现将数组元素按从小到大的顺序排列方法
2018/07/02 Python
机电一体化专业应届本科生求职信
2013/09/27 职场文书
应届生煤化工求职信
2013/10/21 职场文书
电气工程和自动化自荐信范文
2013/12/25 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
十佳家长事迹材料
2014/08/26 职场文书
大学生先进个人主要事迹材料
2015/11/04 职场文书
公司要求试用期员工提交“述职报告”,该怎么写?
2019/07/17 职场文书
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
Java对文件的读写操作方法
2022/04/29 Java/Android