柴柴UI-provide/inject 控制aside的显示隐藏

130 阅读1分钟

aside的显示隐藏控制

我想做这样一个功能,点击topnav的icon,点一次出现,再点一次隐藏 , 添加一个asideVisiable变量,来控制aside的显示或者隐藏 如果将这个变量放在topnav,aside不好访问;放在aside的话 topnav不好访问

所以就放在app里

provide/inject 依赖注入来

APP.vue代码

因为柴柴UI是要考虑移动端适配的,所以在依据宽度来决定是否要收起aside image.png

topnav代码

在topnav组件中更改asideVisiable变量

image.png

Doc.vue代码

image.png