美文网首页
8-6 Vue项目城市选择页 - 兄弟组件数据传递

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

作者: 废柴阿W | 来源:发表于2018-10-24 09:40 被阅读0次

踩坑:


image.png
image.png

原因:
this.scroll创建的时刻不对


image.png
image.png

添加两个功能:
1.点击字母表,左侧城市选择切换
2.滑动字母表,左侧城市选择切换

都是字母表组件外派事件,父组件接收后再传给城市列表组件
点击字母表和滑动字母表外派的事件是相同的,关键是确定传递的参数字母

相关文章

  • 8-6 Vue项目城市选择页 - 兄弟组件数据传递

    踩坑: 原因:this.scroll创建的时刻不对 添加两个功能:1.点击字母表,左侧城市选择切换2.滑动字母表,...

  • 关于$on的用法

    $on 兄弟组件之间相互传递数据 示例 父组件 $onFa.vue 创建一个vue的空白实例 emptyVue.j...

  • vue.js 兄弟组件传值

    vue兄弟组件如何传值?兄弟组件如何相互操作组件里面的函数? 1、兄弟之间传递数据需要借助于事件车,通过事件车的方...

  • vue父子组件传递数据方法

    标签(空格分隔): vue 父组件向子组件传递数据 Vue中父组件向子组件传递数据用props 举个例子 父组件中...

  • Vue组件间数据传递

    前言 总结vue组件间的数据传递 路由传参 父组件传递数据给子组件---props 子组件传递数据给父组件---$...

  • Vue 组件数据传递

    Vue 组件数据传递 父组件->子组件 父组件到子组件的数据通过 props 传递 在父组件注册子组件,传递数据到...

  • Vue如何实现组件通信?

    Vue组件通信的三种情况: 父子通信 爷孙通信 兄弟通信 父子通信:父组件使用Prop向子组件传递数据,子组件通过...

  • vue组件间通信

    vue组件间通信 1.父组件向子组件传递数据--props 在vue2.0中使用props实现向子组件传递数据: ...

  • React项目组件间通讯方式简介

    一、父组件给子组件传递数据 props 二、子组件给父组件传递数据 通过函数调用的方式 三、兄弟组件传递数据 pu...

  • vue 中几种传值方法

    前言 vue项目中,组件跟组件之间数据的传递是很普遍的行为,在这里总结几种常见的vue组件跟组件之间传值方式,其中...

网友评论

      本文标题:8-6 Vue项目城市选择页 - 兄弟组件数据传递

      本文链接:https://www.haomeiwen.com/subject/uryizftx.html