学习JS,TS,Vue等等语言做一个信息分享的小平台

vue项目如何刷新当前页面

PHPer 2022-11-01 305 0 0

想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种:

93e64da823_normal.png

如果希望点击确定的时候,Dialog 对话框关闭的时候,当前http://localhost:9530/#/supplier/supplierAll页面可以重新刷新下

那么表格的数据可以重新加载,Dialog 对话框设置的数据可以在确定后刷新出现在页面上

这时候我们最直接的思维就是想到下面这种:

fb2afc0a26_normal.png

但是,试过的会发现用vue-router重新路由到当前页面,页面是不进行刷新的根本没有任何作用~所以这个方法out!

下面我这边整理几种可圈可点的三种方式,大家可以自行的选择:

1、最直接整个页面重新刷新:

24de84d678_normal.png

location. reload() this. $router. go( 0)

这两种都可以刷新当前页面的,缺点就是相当于按ctrl+F5 强制刷新那种,整个页面重新加载,会出现一个瞬间的空白页面,体验不好...

立即注册
更新于:2022-11-01 17:44:53
    您需要登录后才可以评论。 立即注册
    相关内容

    Yii2项目个人整理(因Github访问不稳定,自己整理下,方便用)

    Yii2项目yii-starter-kit/yii2-starter-kit

    安装中文版的opencart-v37报错

    OpenCart 中文版/外贸版(代码各种坑,安装半天没安装上)

    Feehi_CMS一款让人很舒服的Yii2应用,适合企业建站等CMS建站

    rageframe2基于Yii2

    这里整理一些网上找到的IT项目

    All in Web | 远程桌面网关-Apache Guacamole

    gitlab 的简介

    【教程】使用腾讯云轻量应用服务器搭建 Guacamole 远程桌面代理服务器,让境...

    apache 开源项目全家桶 2020年12月中文介绍

    JumpServer 架构浅解

    手把手从0开始教你搭建Jumpserver,为服务器安全保驾护航!

    一步步安装Jumpserver堡垒机图文详解(官方教程版),从此爽歪歪!

    [Awesome Github] -2020_07_25

    Windows系统Git安装教程(详解Git安装过程)

    Aria2:windows上的详细使用方法

    开源论坛:社区选择Discourse(​在github上论坛排名第一 ,35.8K个星星)

    vue框架大概要学多久(前端vue要学5天就会方法)

    带你玩转vue——开发工具的选择vscode

    VS Code——Live Server的简介、安装与使用

    fatal: unable to access ‘https://github.com/nhn/raphael.git/‘: Op...

    fatal: unable to connect to gitee.com: gitee.com[0: 180.97.125.228]: e...

    git提交或克隆报错fatal: unable to access ‘https://github.com/tata20191...

    Docker Desktop requires Windows 10 Pro/Enterprise/Home (18363+)

    vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicate...

    express + vue +mysql 搭建项目

    Vue + NodeJS + MySQL 搭建文章后台管理系统

    vue中在.vue文件中定义全局变量 全局函数及使用

    Identifier * is not in camel case - 代码规范性问题

    实战案例丨Vscode开发第一个Vue+Element Plus示例

    这里整理下用PHP写的项目

    10个PHP免费开源轻社区系统(亲测Flarum可用但代码不好维护,Nodebb不错不过...

    学习JS,TS,Vue等等语言做一个信息分享的小平台

    什么是 JWT -- JSON WEB TOKEN

    vue中 router.beforeEach() 的用法

    <router-view v-if=“isRouterAlive“> 刷新当前页面 - Vue2

    createError.js?2d83:16 Uncaught (in promise) Error: Request failed wi...

    vue axios跨域 Request Method: OPTIONS问题

    Vue报错 Errors compiling template: ****** : Interpolation inside attr...

    图片上传402 (Payment Required) 看具体js是这行xhr.send(formData); 报错

    这个符号`是怎么打出来的

    this.$router.push跳转时页面不刷新的问题

    vue 刷新当前页面或者跳转页面时候刷新

    vue项目如何刷新当前页面

    让 vue项目在Linux后台持久运行 npm run dev

    vue+element-ui表格列元素添加链接

    sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT

    js快速将字符串数组转化为数字数组(互换)

    Vue中checkbox的v-model初值设置为数组才对

    vue element 中使用a标签报错的问题

    Vue 中使用 router-link 后,URL 变化但是页面不刷新,Vue获取后台传过来的值

    vue:报错“Extra semicolon“解决

    vue中的各种报错整理

    vscode 运行 vue localhost 拒绝了我们的连接请求。使用visual Studio Code...

    推荐内容

    分享几个好用的bt搜索bt资源下载网址网站

    影视电影剧集动漫综艺bt资源在线播放网址网站推荐分享

    全网最新bt磁力搜索引擎bt资源bt网站网址分享

    人气美女女优百度指数排行榜(波多野结衣,苍井空,三上悠亚,深田咏美,桥本有菜,北条...

    最强人造人深田咏美,业界的社交女王

    人生起起落落的三上悠亚,成名前的清纯风,怎么搭配出来的?

    业内第一大长腿,桥本有菜的腿究竟有多长

    波多野结衣,岛国业界著作最多的超级劳模

    日本AV界NO.1,苍井空是多少宅男的疯狂?

    美女女优视频混剪 This Girl-Laza Morgan

    怎样使用V2Ray代理和SSTap玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩...

    sstap游戏代理教程 从此玩如魔兽世界/绝地求生/LOL台服/战地3/黑色沙漠/彩虹六...

    影视电影剧集动漫综艺bt资源在线播放网址网站推荐分享