- Vue如何刷新或重载当前路由来更新数据?
- Vue如何监听同一路由加载事件?
方案:能够利用路由的quey参数,使用watch进行检测router的变化实现监听。下面是一个实践示例javascript
vue刷新数据固然简单,直接调用合数据的方法就行。
可是,每每业务需求的不一样,实现流程或思路也会不一样。下面有一个业务需求场景vue
/notice
方案1:利用路由的quey参数,使用watch进行检测router的变化实现监听
切换仓库时,对路由进行传参java
watch: { // 利用watch方法检测路由变化: '$route': function (to, from) { // 能够拿到目标参数 to.query.id 去再次请求数据接口 if(to.query.id){ // 加载表格数据 this.getList(to.query.id); } } },
方案2:使用store方案
使用computed计算,切换仓库时commit store,通知列表界面获取store的流数据,进行请求。this