vue form 表单提交后刷新页面的方法


Posted in Javascript onSeptember 04, 2018

最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据。下面可以这样解决。

1、在methods中 定义好一个初始化渲染实例。

例如

lnitializationData(){//初始化页面数据
    this.$http.get("/permit/specific", {
      params: {
       page: this.localPage,
       size: this.msg.pagNumber,
      }
     },
     {emulateJSON: true}
    ).then((response) => {
     this.msg.pagTotal = response.data.data.totalElements;
     this.systManage = response.data.data.content;
    })

2、在你的添加方法中调用这个实例,即可实现实时更新。

例如

add: function (index) { //添加通行证细类
    this.dialogFormVisible=false
    this.$http.post("/permit/specific", this.form //通行证类型
     , {
      headers: {token: this.tokenVal},
     }
    ).then((response) => {
     this.lnitializationData()//请求成功后调用初始化函数,vue会自动更新dmo
    })
   },

以上这篇vue form 表单提交后刷新页面的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一直复略了的一个问题,关于表单重复提交
Feb 15 Javascript
Javascript 定时器调用传递参数的方法
Nov 12 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
Sep 22 Javascript
innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解
Mar 13 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
Mar 11 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
bootstrap侧边栏圆点导航
Jan 11 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
浅谈函数调用的不同方式,以及this的指向
Sep 17 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
Sep 15 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
Dec 30 #Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 #Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 #Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 #Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 #Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 #Javascript
微信小程序canvas拖拽、截图组件功能
Sep 04 #Javascript
You might like
人族 Terran 基本策略
2020/03/14 星际争霸
php获取url字符串截取路径的文件名和扩展名的函数
2010/01/22 PHP
php输出echo、print、print_r、printf、sprintf、var_dump的区别比较
2013/06/21 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
php正则修正符用法实例详解
2016/12/29 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
Laravel框架实现简单的学生信息管理平台案例
2019/05/07 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
js去空格技巧分别去字符串前后、左右空格
2013/10/21 Javascript
javascript静态页面传值的三种方法分享
2013/11/12 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
js基于canvas实现时钟组件
2021/02/07 Javascript
javascript实现倒计时关闭广告
2021/02/09 Javascript
Python简单实现TCP包发送十六进制数据的方法
2016/04/16 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
python操作docx写入内容,并控制文本的字体颜色
2020/02/13 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
Giglio俄罗斯奢侈品购物网:男士、女士、儿童高级时装
2018/07/27 全球购物
名词解释型面试题(主要是网络)
2013/12/27 面试题
大学生学习生活的自我评价
2013/11/01 职场文书
如何打造一封优秀的留学推荐信
2014/01/25 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
党员志愿者活动方案
2014/08/28 职场文书
雷锋的观后感
2015/06/10 职场文书
给领导敬酒词
2015/08/12 职场文书
如何使用pdb进行Python调试
2021/06/30 Python
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android