如何实现Vue跳转时不刷新页面,但实时更新列表数据(keepAlive)
(1)涉及概念created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等。(2)步骤本例中使用的跳转为:返回上一页为了不刷新页面状态(比如当前在表单的第三
·
(1)涉及概念
-
created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;
-
activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等。
(2)步骤
- 本例中使用的跳转为:返回上一页
为了不刷新页面状态(比如当前在表单的第三页,返回之后还在第三页),我们选择:this.$router.back();
- 在路由中加入keepAlive:true
- 然后在对应页面的路由vue文件中加入以下代码:
- 在表单所在vue文件中:
activated(){
//获取后端数据函数()
}
更多推荐
已为社区贡献1条内容
所有评论(0)