vue实现兄弟组件间的实时通信
在毕设使用vue实现点击左侧树tree,右侧信息会随之改变。
我使用的tree和info属于不同组件
演示图:
实现Implementation
1.首先在父组件引入子组件tree和houseInfo,在data定义要通信的值(id),再定义要调用的方法clickTree
2.tree组件调用父组件方法
3.响应组件监听父组件传过来值的变化,向后台请求数据
father.vue
<template>
<el-row :gutter="20">
<el-col :span="5"><div class="grid-content bg-purple " />
<!-- 树组件 -->
<edit-tree :id="id" @clickTree="clickTree"/>
</el-col>