vue中router-view子传父通信(以折叠左侧导航栏为例说明)

问题描述

平常我们子传父,都是写在组件上,写在router-view视图层上的并不多。实际上写在router-view视图层上基本上一样的。本篇文章就记录一下用法。以折叠左侧导航栏为例。

布局图示

vue中router-view子传父通信(以折叠左侧导航栏为例说明)_第1张图片

代码步骤图示

vue中router-view子传父通信(以折叠左侧导航栏为例说明)_第2张图片

二者关系为父子组件关系

最终效果图

vue中router-view子传父通信(以折叠左侧导航栏为例说明)_第3张图片

总结

记录一下,留作备用

你可能感兴趣的:(vue中router-view子传父通信(以折叠左侧导航栏为例说明))