vue 自动刷新,vue如何实现局部刷新

　　本文用各种例子解释了如何使用Vue刷新当前页面。有完整的代码可供参考，希望对你有帮助。

　　我们在编写项目的时候，经常会遇到用户在执行了一个动作，改变了一些状态之后，需要刷新页面来重新渲染页面的情况。如成功登录、添加、删除、更新等。

　　原始方法：

　　location . reload()；

　　Vue自己的路由跳转：

　　这个。$ router . go(0)；

　　用过的人都知道，前两种都是强制刷新页面，会有短暂的闪烁，造成用户体验差。

　　所以，我们选择第三种方式：

　　首先，在应用程序中编写以下代码：

　　模板

　　div id=应用程序

　　路由器视图v-if= isRouterAlive /路由器视图

　　/div

　　/模板

　　脚本

　　导出默认值{

　　名称：“应用程序”，

　　Provide () {//变量由父组件中的Provide提供，由子组件中的inject注入。

　　返回{

　　重新加载：this.reload

　　}

　　},

　　data() {

　　返回{

　　IsRouterAlive: true //控制视图是否显示的变量。

　　}

　　},

　　方法：{

　　reload () {

　　this.isRouterAlive=false//先关机，

　　这个。$nextTick(function () {

　　this.isRouterAlive=true//再次打开它

　　})

　　}

　　},

　　}

　　/脚本

　　接下来，我们可以在需要刷新页面的组件中编写：

　　导出默认值{

　　注入：[reload]，//在应用程序中注入reload方法

　　data () {

　　返回{

　　.

　　}

　　},

　　在需要刷新页面的代码块中使用：

　　关于Vue用三种方法刷新页面的这篇文章到此为止。有关Vue刷新页面的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。