网站建设架构书,市场监督管理局电话举报电话,广州市口碑好的网站制作排名,网站建设与管理出来工资解决Vue3 使用Element-Plus导航刷新后active高亮消失的问题 启用路由模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项。
接下来打印一下选中项index和index路径#xff0c;
刷新也是没有任何问题的#xff0c;active不会消失…解决Vue3 使用Element-Plus导航刷新后active高亮消失的问题 启用路由模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项。
接下来打印一下选中项index和index路径
刷新也是没有任何问题的active不会消失整体代码如下
templatediv classheaderel-menu:routertrue:default-activeroute.pathclassel-menu-demomodehorizontalbackground-color#545c64text-color#fffactive-text-color#ffd04bselecthandleSelectel-menu-item index/Home/el-menu-itemel-menu-item index/aboutAbout/el-menu-itemel-menu-item index/newsNews/el-menu-itemel-menu-item index/productProduct/el-menu-item/el-menu/div
/template
script setup langts
import {useRoute} from vue-router;
const routeuseRoute()
const handleSelect (key: string, keyPath: string[]) {console.log(key, keyPath)
}
/script
