方案一：
在子组件中设置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 拿不到值的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- Vue组件中prop属性使用说明实例代码详解
- 简单理解vue中Props属性
- vue组件开发props验证的实现
- Vue 组件参数校验与非props特性的方法
- 从vue源码看props的用法
- Vue props 单向数据流的实现
- Vue中的Props(不可变状态)
- 浅谈Vue初学之props的驼峰命名
- Vue props用法详解(小结)
- Vue中props的使用详解
- Vue Prop属性功能与用法实例详解
