解决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 相关文章推荐
写了一个layout,拖动条连贯,内容区可为iframe
Aug 19 Javascript
javascript 日期常用的方法
Nov 11 Javascript
js的逻辑运算符 ||
May 31 Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 Javascript
js中对象的声明方式以及数组的一些用法示例
Dec 11 Javascript
AngularJS 实现按需异步加载实例代码
Oct 18 Javascript
理解JavaScript中Promise的使用
Jan 18 Javascript
jQuery实现图片局部放大镜效果
Mar 17 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
addeventlistener监听scroll跟touch(实例讲解)
Aug 04 Javascript
高性能js数组去重(12种方法,史上最全)
Dec 21 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/08/21 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
js保留两位小数使用toFixed实现
2013/07/29 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
构造函数+原型模式构造js自定义对象(最通用)
2014/05/12 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
2014/08/15 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
JS实现select选中option触发事件操作示例
2018/07/13 Javascript
详解webpack编译速度提升之DllPlugin
2019/02/05 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
vue ssr服务端渲染(小白解惑)
2019/11/10 Javascript
react的hooks的用法详解
2020/10/12 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
Python线性回归实战分析
2018/02/01 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
CSS3实现跳动的动画效果
2016/09/12 HTML / CSS
CSS3打造百度贴吧的3D翻牌效果示例
2017/01/04 HTML / CSS
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
椰子猫砂:CatSpot
2018/08/27 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
城市规划毕业生求职信
2013/10/10 职场文书
见习期自我鉴定
2013/11/07 职场文书
校庆筹备方案
2014/03/30 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
django注册用邮箱发送验证码的实现
2021/04/18 Python
Python基础之hashlib模块详解
2021/05/06 Python