解决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 相关文章推荐
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
javascript 冒号 使用说明
Jun 06 Javascript
javascript 动态生成私有变量访问器
Dec 06 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 Javascript
vue.js项目打包上线的图文教程
Nov 16 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 Javascript
在antd Table中插入可编辑的单元格实例
Oct 28 Javascript
基于Vue+Webpack拆分路由文件实现管理
Nov 16 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把session写入数据库示例
2014/02/26 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
jQuery调用WebService的实现代码
2011/06/19 Javascript
JavaScript的strict模式与with关键字介绍
2014/02/08 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
nodejs中模块定义实例详解
2017/03/18 NodeJs
es7学习教程之Decorators(修饰器)详解
2017/07/21 Javascript
浅谈Node模块系统及其模式
2017/11/17 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
Vue 获取数组键名的方法
2018/06/21 Javascript
vue检测对象和数组的变化分析
2018/06/30 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
JS将指定的某个字符全部转换为其他字符实例代码
2020/10/13 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
如何将python中的List转化成dictionary
2016/08/15 Python
Django ORM框架的定时任务如何使用详解
2017/10/19 Python
python爬虫爬取网页表格数据
2018/03/07 Python
解决pandas read_csv 读取中文列标题文件报错的问题
2018/06/15 Python
python生成n个元素的全组合方法
2018/11/13 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
什么是动态端口(Dynamic Ports)?动态端口的范围是多少?
2014/12/12 面试题
有关打架的检讨书
2014/01/25 职场文书
政府门卫岗位职责
2014/04/29 职场文书
申报材料格式
2014/12/30 职场文书
学校施工安全责任书
2015/01/29 职场文书
劳动仲裁调解书
2015/05/20 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python