1. AntDesign for React
<Modal
wrapClassName="wrapClassName"
title="asdf"
visible={this.state.visible}
onOk={this.handleOk.bind(this)}
onCancel={this.handleCancel.bind(this)}
centered
>
<div id="idname" style={{ width: '400px', height: '300px' }} ref={this.refObj}></div>
</Modal>
1.2
首先,Modal相当于一个新的层;
然后,
wrapClassName='Modal的class名'
再然后,echarts给个宽高,然后上ref:
ref={this.modalRef}
最后:
modalRef= (obj) => {
if (obj) {
this.echartsFn(obj);
}
}
echartsFn(obj){
//echarts内容
}
2. AntDesign for Vue
父组件向子组件传递boolean类型的booleanVal,然后子组件接收,并且:
<a-drawer
:closable="true"
@close="onClose"
:visible="booleanVal"
>
</a-drawer>
watch: {
booleanVal(newValue, oldValue) {
if(newValue === true){
this.echartsFn();
}
},
},
methods:{
echartsFn(){
this.$nextTick(()=>{
//echarts的内容
})
}
onClose() {
this.$emit('update:booleanVal',false)
},