1. 首页
  2. 编程语言
  3. Javascript
  4. antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作

antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作

上传者: 2021-06-08 15:52:49上传 PDF文件 57.48 KB 热度 12次

废话不说,上代码!1,selectedkeys要设置成$route.path地址2,a-menu-item 的key设置成要去的地址刷新页面,成功!刷新页面有两种方法:一种是用:localtion.reload();但是这种是重新加载页面,造成一闪一闪的效果。一种是用provide+inject,provider/inject:简单的来说就是在父组件中通过provider来提供变量,然后在子组件中通过inject来注入变量。需要注意的是这里不论子组件有多深,只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。

用户评论