解决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中增加参数与Json转换代码
Nov 20 Javascript
JavaScript:Div层拖动效果实例代码
Aug 06 Javascript
JS实现侧悬浮浮动实例代码
Nov 29 Javascript
JavaScript极简入门教程(二):对象和函数
Oct 25 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
VUE 使用中踩过的坑
Feb 08 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
Sep 19 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
js实现浏览器打印功能的示例代码
Jul 15 Javascript
Vue仿百度搜索功能
Dec 28 Vue.js
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利用cookie实现访问次数统计代码
2011/05/19 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
php通过获取头信息判断图片类型的方法
2015/06/26 PHP
iframe实用操作锦集
2014/04/22 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
NodeJs使用Mysql模块实现事务处理实例
2017/05/31 NodeJs
webpack4的迁移的使用方法
2018/05/25 Javascript
Javascript获取某个月的天数
2018/05/30 Javascript
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
js实现3D粒子酷炫动态旋转特效
2020/09/13 Javascript
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
用python写asp详细讲解
2013/12/16 Python
python根据出生日期获得年龄的方法
2015/03/31 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
Python代码太长换行的实现
2019/07/05 Python
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
会话Bean的种类
2013/11/07 面试题
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
二手书店创业计划书
2014/01/16 职场文书
《秋游》教学反思
2014/04/24 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
公安领导班子四风问题个人整改措施思想汇报
2014/10/09 职场文书
2014年食堂工作总结
2014/11/20 职场文书
面试通知单大全
2015/04/20 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
大学开学典礼新闻稿
2015/07/17 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
MySQL中B树索引和B+树索引的区别详解
2022/03/03 MySQL
SONY AN-LP1 短波有源天线放大器图
2022/04/05 无线电