2016 - 2024

感恩一路有你

vue怎么退回上一步 目前在用VUE做一个网页,上面有个实时数据变化展示,如何才能做到不页面刷新使页面数据变化?

浏览量:1246 时间:2021-03-15 21:42:06 作者:admin

目前在用VUE做一个网页,上面有个实时数据变化展示,如何才能做到不页面刷新使页面数据变化?

当你这样描述它的时候,你首先想到的是Ajax

虽然你还没有使用Vue,但文档中一定有类似的工具

一个简单的想法:隐藏需要记录scrolltop的DOM节点,显示细节DOM,前后移动主要是使用锚定点功能,它可以通过改变锚点来选择要显示和隐藏的DOM元素。

以下是Vue的实现方法:

首先,路由器需要不同。一个视图每次进入时都需要加载页面,而另一个视图在第一次初始化后不会更改。我们用V-IF=“XXX”来区分它。请看下面的代码:

下一步,我们需要配置所谓的keepalive in V-IF in Router:

只需使用上面的代码这两部分不仅可以保持你的所有状态在上面的路径下,还可以包括滚动条的位置。

vue怎么退回上一步 vue返回指定页面 vue返回上一页刷新

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。