vuejs返回当前页面刷新指定数据

功能需求：

1、点击当前页面按钮刷新指定部分；

2、一个项目很多人在操作，有书写、审核、修改等功能，每次回到当前页面需要自动重新加载接口，又不想刷新当前页面。

功能1：

1、打开app.vue

//写入isMenuRefersh
<div id="app">
  <router-view v-if="isMenuRefersh" />
</div>

export default {
  provide() {
    return {
      reload: this.reload
    };
  },
  data() {
    return {
      isMenuRefersh: true,
    };
  },
  methods: {
    reload() {
      this.isMenuRefersh = false;
      this.$nextTick(function() {
        this.isMenuRefersh = true;
      });
    }
  }
}

2、在需要的页面写入以下代码：

export default {
  inject: ["reload"]
}
//在需要的方法中写入this.reload();

功能2：

1、template

<template>
  <div v-visibility-change="browserMonitor">
  </div>
<template>

2、methods

//监听浏览器方法
browserMonitor(evt, hidden) {
  if (hidden === false) {
	//执行方法
  }
}

Vue结合MVVM模型的实现方法

利用vue实现一个图片水平瀑布流效果

运行vue函数提示将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称解决方法

vue-roter路由配置的3种模式介绍

vue项目优化之防抖案例分析

标签： vue, 页面刷新

上面是“vuejs返回当前页面刷新指定数据”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2174.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！