vue当中的父子事件传递:
在父组件:
<el-tab-pane label="运行状态" name="status">
<eStatus
:product-info="detail"
:newStatus="newStatus"
@submitMetadata="**updatePlant**"
/>
</el-tab-pane>
然后定义事件:事件名和上面方法对应
methods:{
**updatePlant**(item) {
console.log(item);
this.initOrder();
},
}
然后是子组件:在需要定义的地方定义事件
<span @click="gengXin()">
<svg-icon icon-class="gengxin" class="gengxin"
/></span>
然后再事件中
methods:{
gengXin() {
this.$emit('submitMetadata',true)
},
}
其实主要是运用了 e m i t 进 行 事 件 传 递 , 在 子 组 件 中 emit进行事件传递,在子组件中 emit进行事件传递,在子组件中emit中的submitMetadata,要和父组件中开始定义对应才可以