热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

vuerouter切换路由时数据如何重置?

问题背景:使用

问题背景:
使用

1
vue

做了组件

1
home.vue

,组件

1
home.vue

里面为

1
nav.vue

1
item.vue

,组件

1
nav.vue

通过

1
vue-route

的路由功能控制显示不同列表,但都是重用

1
item.vue

以形成列表,但都是在同一个页面上显示。


1
url

链接发生变化时,比如:

1
/#!/item/33

,会触发

1
route

,代码如下:

1
2
3
4
5
6
7
8
9
10
...

route: {

    data ({ to }) {

        this.page = 1;

        ...

        //此处对page做相关操作,假设经过操作,page已经变为10了

        ...

    }

},

....

然后通过

1
nav

其他操作,

1
url

又变化了,比如:

1
/#!/item/20

,同样会触发

1
route

,但是我在控制台打印

1
page

时,

1
page

还是为

1
10

,并没有变为

1
1

,导致读取不同列表时数据出错。

求解,搞了好久解决不了,我该怎么做?


已解决:从

1
vue-route

的钩子函数

1
canDeactivate

下手


推荐阅读
author-avatar
北人南漂记
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有