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 相关文章推荐
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 Javascript
Javascript 多浏览器兼容总结(实战经验)
Oct 30 Javascript
基于jquery实现的树形菜单效果代码
Sep 06 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
AngularJS自定义指令详解(有分页插件代码)
Jun 12 Javascript
react-native中ListView组件点击跳转的方法示例
Sep 30 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 Javascript
微信小程序自定义底部弹出框动画
Nov 18 Javascript
js实现有趣的倒计时效果
Jan 19 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
php,不用COM,生成excel文件
2006/10/09 PHP
php下删除字符串中HTML标签的函数
2008/08/27 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
ThinkPHP中U方法的使用浅析
2014/06/13 PHP
PHP实现批量生成App各种尺寸Logo
2015/03/19 PHP
php计算整个目录大小的方法
2015/06/01 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
Bootstrap 模态框(Modal)带参数传值实例
2017/08/20 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
vue实现简单图片上传
2020/06/30 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
Python实现多线程抓取网页功能实例详解
2017/06/08 Python
python正则表达式的使用
2017/06/12 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
Random 在 Python 中的使用方法
2018/08/09 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
python3+django2开发一个简单的人员管理系统过程详解
2019/07/23 Python
初学者学习Python好还是Java好
2020/05/26 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
Python logging模块原理解析及应用
2020/08/13 Python
html5时钟实现代码
2010/10/22 HTML / CSS
考博专家推荐信模板
2013/12/02 职场文书
大学生村官任职感言
2014/01/09 职场文书
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
公司晚会主持词
2014/03/22 职场文书
关于美容院的活动方案
2014/08/14 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书