vue父组件调用子组件方法

img

img


两个组件 ,点击按钮,控制左侧菜单栏的收缩,
两个组件 ,点击按钮,控制左侧菜单栏的收缩,

img

在子组件LogOut里面,给按钮加click事件,事件内容为

toggleFold () {
    this.$emit('toggleFold')
}

然后在这个Home.vue页面的logOut组件标签上加个接受事件,这样就可以实现切换了

<el-header>
    <logOut :userList="userList" @toggleFold="showAside = !showAside"></logOut>
</el-header>

瞅瞅这个是不是
https://blog.csdn.net/qq_41126139/article/details/102413487