skyblue_afan的博客

vue-router页面路由跳转动画

1、修复F5强制刷新页面，动态路由数据丢失问题。这个在刚才导航守卫那个页面，因为我已经解决好了，所以就直接放上去了。为啥刷新页面，动态路由数据会丢失，因为存储在vuex中，所以就要判断一下，如果当前路径不为首页，就去判断，动态路由的数据是否为0，如果为0就重新获取动态路由的数据。2、修复点击进入动态路由页，再次退出登录，点击登录时，页面不跳转模块页问题。判断当前路由如果是动态路由，并且模块名称，登录后就跳转到模块页。这样就解决了。3、修改完后，通过网络路径，进入后台也不会进去，因为还没有点击模块

1、退出登录，点击个人中心，进入模块页，清除token,vuex中的数据找到退出登录的处理函数，在src/store/user.js中的logout函数，就为退出登录代码如下： //退出登录 logout({ commit, state, dispatch }) { return new Promise((resolve, reject) => { logout(state.token).then(() => { //设置token为空

1、修改路由导航守卫页面，判断何时获取路由数据，并处理获取数据的js。通过网址想直接进入后台进行权限管理。路由守卫的权限在scr/permission.js文件中2、修改导航守卫页面import router from './router'import store from './store'import { Message } from 'element-ui'import NProgress from 'nprogress' // progress barimport 'nprogres

1、新建模块页面，添加模块页的路由，完成模块页的页面和对应的点击事件。vue+element+admin后台项目的克隆和运行，我就不说了，下面是对运行起来的项目进行修改。<1>首先在src/views下新建一个cache文件，里面建一个index.vue文件。这里，文件夹和文件名字自己想改成啥都行。<2>添加cache/index.vue的路由，这个页面就是模块页<3>路由添加好后，完成index.vue页面。说明：data中的数据，title是模块名称，id

1、一般做后台管理系统，管理的东西要是不是很多，使用vue+element+admin就完全够用了。如下图这样，登录进去后直接进入后台但是如果这个管理系统要管理的内容多，得区分一下模块，然后点击每个模块，进去后加载对应的路由。这种方式就不太行。得做成如下这种点击组件系统，加载组件对应的路由，点击图表的加载图表的路由。2、下一章开始，对element+admin项目进行修改，将其改为上面这种，点击对应模块，加载相应的路由。分为一下几个步骤：<1>新建模块页面，添加模块页的路由，完成模块

1、vue路由报的警告，原因是路由重复了。如下图：2、解决办法：找到src文件下router下的index.js文件。修改name,将相同的name改一下名称3、保存刷新页面，看控制台已经无报错了

1、params传参params传参，要是用name进行匹配，如果使用path接收不到传递的参数 this.$router.push({ name: "attributeAdd", params: this.optionsStatus, });接收参数，可以在created钩子函数中接受参数 created() { console.log(this.$route.params, "ssss"); },控制台打印效果