1、父传子
1、在父组件中
(1) 定义一个方法
methods: {
aaa() {
console.log(66);
},
}
(2)以传值的方式传递方法
<homeBanner :banner="banner" :aaa="aaa"/>
2、在子组件中
(1)props 接收该方法
props: ['aaa'],
(2)在需要的地方绑定该方法
<div class="homeBanner" @click="aaa">
2、子传父
1、在 子组件中
(1)在methds中定义方法 :
method:{
goToJm() {
this.$emit("goToJm");
},
}
(2)、在需要的地方调用
我这里是我项目的逻辑
toPay(type) {
if (this.QmOrder.status == 0) {
const path = `${type === "wx_pay_id" ? "wechat/" : "alipay/"}?oid=${
this.QmOrder.tjjm_oid
}&bid=${this.productConfig.business[type]}`;
location.href = `${process.env.VUE_APP_BASE_PAY_API}${path}`;
} else {
this.goToJm();
}
},
2、在父组件中
(1)在组件中监听该方法
<resultRefer
v-if="curIndex === 0 && namesList != ''"
:productConfig="productConfig"
:namesList="namesList"
:qmStatus="qmStatus"
:QmOrder="QmOrder"
@goToJm="goToJm"
/>
(2)在methods中定义方法写逻辑
method:{
goToJm() {
// 逻辑
},
}