vue页面重置和刷新（vue数据重置）

一、this.reload()方法（体验度好，无空白页面，相当于页面数据重置）

1、在app.vue文件中配置：

<template><!-- 给全局挂载 适配元素 app --><div id="app"><router-view v-if="isRouterAlive" />//判断</div>
</template>
import _ from 'lodash'//引入//自定义provide() {return {reload: this.reload}},data() {return {//定义状态isRouterAlive: true,}},methods: {//重置方法reload() {this.isRouterAlive = falsethis.$nextTick(() => {this.isRouterAlive = true})}}

2、在需要使用的页面中引入参数使用：

//需要使用的页面引入
export default {
inject: ['reload'],
methods: {//事件方法getReload() {this.reload() //重置刷新},}
}

二、利用vue中的路由方法（偏向于刷新页面）

this.$router.go(0)

三、利用window的reload方法（强制刷新）

window.location.reload()

vue页面重置和刷新（vue数据重置）相关推荐

vue的html自动刷新,Vue页面刷新记住页面状态的实现
环境 vue项目,页面有搜索.筛选项等. 需求页面跳转,切换或者刷新,希望可以记住用户在页面的筛选状态方案v1 vue有提供一种缓存组件的解决方案 - keep-alive. 缓存不活动的组件实例 ...
vue的html自动刷新,vue项目刷新当前页面的方法
想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种: 如果希望点击确定的时候,Dialog 对话框关闭的时候,当前http://loca ...
vue 同级页面调用方法_【Vue】一个vue页面调用另一个vue页面中的方法
想仿着 vue-material 的 Demo & Document 页面的效果写一个小例子. 遇到问题的地方是: 如上图红色圈出的地方,点击 button 按钮时,无法执行 toggle() ...
vue更新data无效，页面data没刷新 vue.set
Vue中组件的data是有很多坑的,先普及一下常识: 1.想使用data,必须先在data中创建.(如果不创建就会报错)示例: <div class="">{{user ...
vue页面的定时刷新
在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况,那么这个时候我们就要使用setInterval()了.那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢?这就需 ...
vue页面绘图_利用vue制作在线涂鸦板
效果展示 Canvas API简介调用方法 getImageData() 返回ImageData对象,该对象为画布上指定的矩形复制像素数据 putImageData() 把图像数据(从指定的 Ima ...
app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑
写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏项目第一次上线正常项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...
js定义全局变量 vue页面_详解Vue.js 定义全局变量的几种实现方式
详解Vue.js 定义全局变量的几种实现方式发布于 2020-8-11| 复制链接本篇文章主要介绍了VUE 全局变量的几种实现方式,小妖觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小妖 ...
vue使用provide / inject 组合刷新页面+单独组件刷新
原文链接:https://www.cnblogs.com/leng12/p/xiaoleng.html 一.this.$router.go(0) 相当于F5刷新,这种方法虽然代码很少,只有一行,但是体 ...
计算机刷新的作用,图文详解Win8重置和刷新功能：超强自我治愈
直接自愈,Windows8出故障之后,伴随着重置和刷新两大新功能,世上无难事了啊.微软Windows8团队今日在官方博客详细向用户解释Win8的重置和刷新PC功能,将可一键复位系统到最佳状态.视频演示 ...

vue页面重置和刷新（vue数据重置）

vue页面重置和刷新（vue数据重置）相关推荐

最新文章

热门文章