组件中同级组件A、B，A组件中是封装的better-scroll方法，B组件中是一个侧边栏，下面有三个子组件，其中一个是回到顶部，请问如何监听B下面的子组件的点击事件，然后调用A组件的某个方法

Question

<template>  
    <div id="show-blog">
      <Scroll class="sccon" ref="scroll">
      <h3>博客总览</h3>
      <input type="text" placeholder="搜索" v-model="search" />
      <div class="single-blog" v-for="item in blog" :key="item.title">
        <h2 v-rainbow>{{ item.title | to-uppercase | snippet }}</h2>
        <article>{{ item.content | snippet }}</article>
      </div>
      </Scroll>
      <tool-bar ref="tool"></tool-bar>
    </div>
</template>

Scroll是我封装的better-scroll组件，tool-bar是侧边栏，侧边栏代码如下，希望监听第三个”回到首页“的组件，在此组件点击的时候，可以获得Scroll组件的scroll对象（此对象是betterscroll实例的方法）其中的scrollTop方法

<template>//此代码为tool-bar的代码
  <side-bar>
    <side-bar-item>
      <div slot="side-icon-active">客服</div>
    </side-bar-item>
    <side-bar-item>
      <div slot="side-icon-active">分享</div>
    </side-bar-item>
    <side-bar-item @click.native="backClick()">
      <div slot="side-icon-active">回到<br />首页</div>
    </side-bar-item>
  </side-bar>
</template>

Answer 1

可以看看这篇文章，如有帮助请点采纳。https://blog.csdn.net/zyz00000000/article/details/84824623?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163955577216780271543804%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=163955577216780271543804&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~baidu_landing_v2~default-5-84824623.pc_v2_rank_blog_default&utm_term=vue%E5%85%84%E5%BC%9F%E4%BC%A0%E5%80%BC&spm=1018.2226.3001.4450