default-active
时间: 2023-09-14 12:07:28 浏览: 56
default-active是一个属性,用于设置菜单的默认选中项。在给el-menu组件设置default-active属性时,可以通过函数获取路由名称,并将其保存到本地的sessionStorage中。在created生命周期钩子函数中,可以通过window.sessionStorage.getItem('activePath')获取保存的路由名称,并将其赋值给activePath变量。这样,在页面加载时,菜单就会默认选中保存的路由项。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* *3* [default-active的使用](https://blog.csdn.net/weixin_51300999/article/details/123640547)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关问题
default-active 设置变量
`default-active` 是一个布尔类型的变量,用于设置页面上的默认活动元素。具体来说,当页面加载时,默认情况下会将第一个表单元素或链接元素设置为活动元素,以便用户可以通过键盘输入或使用 tab 键导航到该元素。但是,如果页面中存在多个表单元素或链接元素,可能需要手动指定一个默认活动元素,以确保用户体验。
要设置 `default-active` 变量,可以使用以下代码:
```javascript
document.addEventListener('DOMContentLoaded', function() {
var defaultActiveElement = document.getElementById('default-active-element');
defaultActiveElement.focus();
});
```
在上面的示例中,我们使用 `getElementById` 方法获取一个具有特定 ID 的元素,并将其设置为活动元素。这将在页面加载时触发,确保用户可以立即开始与该元素交互。
el-menu-item default-active不会变化
回答: 根据引用\[1\]中的说明,default-active属性是用来指定当前激活菜单的index的。即使不加这个属性,选中的item变量也能正常显示,但是为了在浏览器刷新后仍然可以定位到之前选中的路由,建议使用default-active属性。如果没有多层嵌套路由,可以设置default-active为"$route.path"来实现。但是如果有多层嵌套,建议在计算属性里更新数据。所以,如果el-menu-item的default-active不会变化,可能是因为没有正确设置default-active属性或者没有在计算属性中更新数据。
#### 引用[.reference_title]
- *1* [el-menu的属性:default-active](https://blog.csdn.net/m0_47630333/article/details/118515262)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]