Vue项目城市选择页-兄弟组件数据传值(8-6)

兄弟组件数据传值

兄弟传值其实就是子传给父亲,父亲再传给另外一个儿子。就实现了兄弟传值。

想让右边英文字母跟着左边的进行切换。
第一个:点击右边字母,左边进行切换。
第二个:滑动右边字母,左边也跟着滑动。
在这里插入图片描述

  1. 绑定事件
    在这里插入图片描述
  2. 向外传事件
    在这里插入图片描述
  3. 接收事件
    在这里插入图片描述
  4. 根据事件调用方法
    在这里插入图片描述
  5. 传回子组件
    在这里插入图片描述
  6. 接收数据并监听
    在这里插入图片描述

注意点:

:ref vue中的$refs在Vue中访问DOM元素的方法
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45647118/article/details/114275614
8-6