vue兄弟组件之间的方法调用
假设我们有三个组件子组件a,子组件b,父组件要实现点击子组件a,触发子组件b的事件将子组件a调用父组件方法和父组件调用子组件b方法结合父组件给uniSlidingMenu组件绑定父组件的parent方法为pf。给goodslist组件绑定一个ref为goodslist在parent方法中调用goodslist.的getdetailData()方法<template>...
·
假设我们有三个组件
子组件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>
正反馈
更多推荐
已为社区贡献2条内容
所有评论(0)