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 相关文章推荐
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
Feb 22 Javascript
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
使用typeof判断function是否存在于上下文
Aug 14 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
浅析javascript中的事件代理
Nov 06 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
jQuery动态生成Bootstrap表格
Nov 01 Javascript
AngularJS封装指令方法详解
Dec 12 Javascript
js编写简单的计时器功能
Jul 15 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
May 29 Javascript
Node与Python 双向通信的实现代码
Jul 16 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
YII中assets的使用示例
2014/07/31 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
PHP实现简单搜歌的方法
2015/07/28 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
PHP7导出Excel报ERR_EMPTY_RESPONSE解决方法
2019/04/16 PHP
javascript json 新手入门文档
2009/12/03 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
BootStrap的select2既可以查询又可以输入的实现代码
2017/02/17 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
详解Node.js开发中的express-session
2017/05/19 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
浅谈numpy库的常用基本操作方法
2018/01/09 Python
详解Python如何生成词云的方法
2018/06/01 Python
Python迭代器与生成器基本用法分析
2018/07/26 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
英国DVD和蓝光碟片购买网站:Zoom.co.uk(电影和电视)
2019/09/23 全球购物
如何启动时不需输入用户名与密码
2014/05/09 面试题
局域网定义和特性
2016/01/23 面试题
超市实习总结自我鉴定
2013/09/19 职场文书
物业管理大学生个人的自我评价
2013/10/10 职场文书
医学院四年学习生活的自我评价
2013/11/06 职场文书
产品发布会策划方案
2014/05/12 职场文书
党员对十八届四中全会的期盼思想汇报范文
2014/10/17 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
劳动仲裁调解书
2015/05/20 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS
总结三种用 Python 作为小程序后端的方式
2022/05/02 Python
MySQL 数据 data 基本操作
2022/05/04 MySQL
Go gorilla/sessions库安装使用
2022/08/14 Golang