element ui menu,element menu

　　本文主要介绍了element-ui中导航组件菜单的一个属性：default-active的描述，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

目录

　　导航组件菜单的一个属性：默认-活动默认-活动的使用

导航组件menu的一个属性：default-active

　　给el-menu添加属性，然后我们可以在点击的时候得到高亮显示。

　　操作代码如下：

　　我们需要动态绑定默认活动

default-active的使用

　　默认-active需要传入的值是子导航的索引值(也就是它的路由值)，点击路由会导致高亮显示。

　　1.首先，动态接收api中索引处的路由名称。

　　2.然后使用函数在点击事件时获取路线名称。

　　！-次级菜单-

　　El-菜单项

　　:index=/ items.path

　　//首先动态接收api中索引处的路由名称。

　　v-for= item . children中的项目

　　:key=items.id

　　@ click= active item(/ items . path)

　　//然后在点击事件时使用函数获取路由名称

　　3.点击时，通过函数将路由值保存到本地，然后在created中声明。

　　activeItem(路径){

　　window . session storage . setitem( active Path ，path)

　　this.activePath=path

　　}

　　已创建(){

　　this . active path=window . session storage . getitem( active path )

　　}

　　4.然后将本地路由值动态转换为默认活动。

　　El-menu:default-active= active path /El-menu

　　注意：

　　1.sessionstorage属性允许您访问与当前源对应的session Storage对象。它类似于localStorage，只是localStorage中存储的数据没有过期时间设置，而sessionStorage中存储的数据将在页面会话结束时被清除。

　　语法：

　　//将数据保存到会话存储

　　sessionStorage.setItem(key ， value )；

　　//从sessionStorage获取数据

　　let data=session storage . getitem( key )；

　　//从sessionStorage中删除保存的数据

　　session storage . remove item( key )；

　　//从sessionStorage中删除所有保存的数据

　　session storage . clear()；

　　2.2.created什么时候用？

　　vue.js中创建的方法是一个生命周期钩子函数，会在生成一个vue实例后调用。和datamethods已初始化，但模板尚未编译。[请求数据]

　　生成vue实例后，它被绑定到html元素，然后被编译并插入到文档中。每个阶段都会有一个钩子函数，方便开发者处理不同阶段的不同逻辑。

　　Create方法，在页面渲染成html之前，调用函数从后端获取数据，并显示页面的数据。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。