解决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 相关文章推荐
采用CSS和JS,刚好我最近有个站点要用到下拉菜单!
Jun 26 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
标题过长使用javascript按字节截取字符串
Apr 24 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
React Native使用百度Echarts显示图表的示例代码
Nov 07 Javascript
详解微信小程序调起键盘性能优化
Jul 24 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 Javascript
Vue + ts实现轮播插件的示例
Nov 10 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小马小结(方便查找后门的朋友)
2012/05/05 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
PHP基于自增数据如何生成不重复的随机数示例
2017/05/19 PHP
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
jQuery带箭头提示框tooltips插件集锦
2014/11/17 Javascript
使用jQuery实现验证上传图片的格式与大小
2014/12/03 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
python命令行参数解析OptionParser类用法实例
2014/10/09 Python
django创建自定义模板处理器的实例详解
2017/08/14 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
实例讲解Python3中abs()函数
2019/02/19 Python
使用python来调用CAN通讯的DLL实现方法
2019/07/03 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
python 实现图像快速替换某种颜色
2020/06/04 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
css sprite简单实例
2016/05/23 HTML / CSS
如何利用input事件来监听移动端的输入
2016/04/15 HTML / CSS
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
linux面试题参考答案(9)
2016/01/29 面试题
班组长的岗位职责
2013/12/09 职场文书
上级检查欢迎词
2014/01/18 职场文书
四年级数学教学反思
2014/02/02 职场文书
优秀部门获奖感言
2014/02/14 职场文书
自主招生推荐信范文
2014/05/10 职场文书
安全保证书
2015/01/16 职场文书
行政人事专员岗位职责
2015/04/07 职场文书
祝酒词范文
2015/08/12 职场文书