解决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 相关文章推荐
jQuery中fadeOut()方法用法实例
Dec 24 Javascript
js对象基础实例分析
Jan 13 Javascript
JS实现直接运行html代码的方法
Mar 13 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
May 25 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
Vue组件的使用教程详解
Jan 05 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
JS script脚本中async和defer区别详解
Jun 24 Javascript
vant 中van-list的用法说明
Nov 11 Javascript
JS+JQuery实现无缝连接轮播图
Dec 30 jQuery
JavaScript如何优化逻辑判断代码详解
Jun 08 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中mysql模块部分功能的简单封装
2011/09/30 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
在CentOS上搭建LAMP+vsftpd环境的简单指南
2015/08/01 PHP
PDO::beginTransaction讲解
2019/01/27 PHP
js脚本学习 比较实用的基础
2006/09/07 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[01:14:12]2018DOTA2亚洲邀请赛4.7 总决赛 LGD vs Mineski 第二场
2018/04/09 DOTA
python 从远程服务器下载东西的代码
2013/02/10 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
matplotlib 三维图表绘制方法简介
2020/09/20 Python
python 下划线的不同用法
2020/10/24 Python
英国最大的专业户外零售商:Mountain Warehouse
2018/06/06 全球购物
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
俄罗斯三星品牌商店:Samsungstore
2020/04/05 全球购物
财务会计人员岗位职责
2013/11/30 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
代办委托书怎么写
2014/08/01 职场文书
2014领导干部四风问题查摆思想汇报
2014/09/13 职场文书
2014年志愿者工作总结
2014/11/20 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
详解MongoDB的条件查询和排序
2021/06/23 MongoDB
Python&Matlab实现樱花的绘制
2022/04/07 Python
Go语言编译原理之变量捕获
2022/08/05 Golang