实现:
子组件Alphabet.vue中的数据传递给子组件Cities.vue,兄弟组件之间的数据传参,可以通过父组件为媒介传递给另一个兄弟组件
子组件中通过this.$emit("自定义传递的名称","要传递的数据or方法")传递数据给父组件,父组件通过v-on:自定义传递的名称="自定义接收的名称"去接收数据or方法。
效果:
右侧字母列表为子组件Alphabet.vue,城市列表为子组件Cities.vue,当点击右侧列表中的字母时,城市列表会跳到对应的字母的城市,如点击B会跳转到B
子组件:alphabet.vue
把要传递给Cities.vue的数据先传递给父组件
<template>
<div>
<div class="alphabet">
<div v-for="(items,key) in lists" :key="k