假设我们有三个组件
子组件a,子组件b,父组件
要实现点击子组件a,触发子组件b的事件
将子组件a调用父组件方法和
父组件调用子组件b方法结合
父组件
给uniSlidingMenu组件绑定父组件的parent方法为pf。
给goodslist组件绑定一个ref为goodslist
在parent方法中调用goodslist.的getdetailData()方法
<template>
<uniSlidingMenu @pf="parent"></uniSlidingMenu>
<goodslist ref='goodslist'></goodslist>
</template>
<script>
methods(){
parent(){
this.$refs.goodslist.getdetailData()
}
}
</script>
子组件a
点击触发事件getActive(),触发pf
<template>
<view @click="getActive()"></view>
</template>
<script>
methods:{
getActive(){
this.$emit("pf");
}
}
</script>
子组件b
要触发的方法getdetailpage
<script>
methods:{
getdetailpage(){
.......
}
}
</script>
正反馈