项目场景:
1,实现一个可以点击菜单栏,顶部分类既可重载数据的方法;
问题描述:
由于AntDesignVue的路由机制,打开即生成并存在一条记录存储在历史路由展开,因业务需求需要增加点击后重载数据的操作,方便客户操作使用,本方案如下:
路由入手;
功能分析:
1,监听路由变化,若存在历史栈即刷新数据重载;
2,若为首次打开,则按created步骤执行加载数据;
解决方案:
上代码:
watch: {'$route': function (to, from) {// console.log(to,from);if(to.fullPath && !to.query.refresh){/*refresh此参数为个人添加的路由后缀参数,具体实现看个人需求自行处理逻辑*/// 执行-重置业务方法//this.ResetUserList();}}}
内容总结:
1,监听路由变化,做判断是否需要重载数据操作;