引导者本文目录一览：
- 1、Vue实现element默认展开和选中
- 2、Vue.js怎样把递归组件构建为树形菜单
- 3、vue动态路由
- 4、【vue】vue-router中切换页面query参数丢失的解决方法
- 5、Vue.js+Element-UI实现点击按钮控制左侧菜单折叠与展开
Vue实现element默认展开和选中
1、vueel-menu我们可以通过设置collapse属性的值为 true 或 false 来控制菜单的折叠与展开。
2、vue项目中经常会用到element uivueel-menu，有时候需要修改默认的样式vueel-menu，比如表格，导航栏等，输入框等等。
3、您要问的是vue选中时间再次打开默认滚动怎么操作？具体实现步骤如下：在组件的模板中，给datepicker或datetimepicker组件添加ref属性在组件的方法中，获取组件的DOM元素，并使用scrollIntoView方法滚动到选中的时间位置。
4、最近遇到一个需求，循环展示列表，每个列表要有收起和展开的功能，由于每个列表的高度不确定，在写vue-transition的时候遇到了问题。
Vue.js怎样把递归组件构建为树形菜单
1、首先进行简单查找，如果找到一个菜单menu，则返回该菜单的meta.key；如果简单查找无果，则对路由树进行递归查找； 这是函数式编程和递归结合的另一个例子。
2、现在，我们先实现CollapseItem.vue组件。为了节省篇幅，我将源码中的空行全部去掉了，缩进比较规范，自认为可读性还行；源码如下，一共30多行，我直接在源码中添加了注释，就不过多解释了。这是CollapseItem.vue组件的样式。
3、我们把这样的节点描述为 “虚拟节点 (virtual node)”，也常简写它为 “VNode”。“虚拟 DOM” 是我们对由 Vue 组件树建立起来的整个 VNode 树的称呼。
vue动态路由
1、使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的，也就是说是静态路由。而能传递参数的路由模式，由于可以传递参数，所以其对应的路由数量是不确定的，故称之为 动态路由。
2、官方文档首先我们来看看官方文档上是怎么解释动态路由的？（https：//router.vuejs.org/zh-cn/）你可以在一个路由中设置多段“路径参数”，对应的值都会设置到$route.params中。
3、vue-router 使用 path-to-regexp 作为路径匹配引擎，所以支持很多高级的匹配模式，例如：可选的动态路径参数、匹配零个或多个、一个或多个，甚至是自定义正则匹配。
【vue】vue-router中切换页面query参数丢失的解决方法
1、注意vueel-menu：无论是vuex params query传值vueel-menu的时候，只要页面一刷新，传过来的数据都会丢失，prams与query可以将传递过来的值放到url（就是传过来的值必须在地址栏以参数的形式显示）比如：这样才能保证页面刷新传过来的值一直存在。
2、调整函数：这样传参时，地址栏就会出现参数vueel-menu了，这样数据就不会丢失了。
3、要解决 Vue 前端代码中详情页不能跳转的问题，可以尝试以下几个步骤：检查路由配置：确保你的路由配置中包含了对应详情页的路径和组件。检查路由文件（通常是 router/index.js）中的路径设置和组件引入是否正确。
4、query传参显示参数，params传参不显示参数，params相对于query来说较安全一点。
5、解决：通过反复测试，后面发现有一条不显眼的警告消息：[vue-router]Non-nestedroutesmustincludealeadingslashcharacter.Fixthefollowingroutes：...大概意思是非嵌套路由必须包含一个前导斜杠字符。
Vue.js+Element-UI实现点击按钮控制左侧菜单折叠与展开
1、我们可以通过设置collapse属性的值为 true 或 false 来控制菜单的折叠与展开。
2、折叠面板动态生成，通过positionID的唯一标识将不同的折叠数据进行输出，name值为positionID，方便控制折叠面板的展开和折叠；折叠面板内容的动态生成【全选按钮，CheckBox组】，相互不冲突。
3、新建一个html页面，然后在这个代码页面上创建一个div标签id为app，然后在这个div标签里创建一个按钮标签和一个用于显示隐藏的div标签。引入vue.js。在body结束标签前面使用sctipt引入vue.js文件。
4、除了双击展开事件，还可以考虑其他交互方式，例如单击加号或减号图标来展开或折叠节点，或者使用鼠标右键菜单来进行操作。根据具体需求和用户习惯，可以选择合适的交互方式来实现节点的展开和折叠功能。
