我的是后台管理,要的效果是点击header上的收缩按钮,左边菜单栏跟着收缩变化。

vue平行组件传值

我是把header,left,main分开写成组件,然后引入到一个公共组件中。common是父组件,header和left是子组件

header组件,点击事件,通过$emit给父组件common传已经改变的值

vue平行组件传值

vue平行组件传值

vue平行组件传值

common组件中接收值并赋值给left

vue平行组件传值

vue平行组件传值

vue平行组件传值

left组件中用props接收,并绑定值

vue平行组件传值

vue平行组件传值

over,不知道你们能不能看的懂,写的不是很好。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-02-26
  • 2022-12-23
  • 2021-08-03
猜你喜欢
  • 2022-12-23
  • 2021-07-11
  • 2022-12-23
  • 2021-09-21
  • 2021-04-02
  • 2021-06-21
相关资源
相似解决方案