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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
Sep 27 Javascript
JS中实现replaceAll的方法(实例代码)
Nov 12 Javascript
JS使用for循环遍历Table的所有单元格内容
Aug 21 Javascript
js结合正则实现国内手机号段校验
Jun 19 Javascript
javaScript知识点总结(必看篇)
Jun 10 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
Jun 26 Javascript
AngularJS实现单一页面内设置跳转路由的方法
Jun 28 Javascript
JavaScript实现左侧菜单效果
Dec 14 Javascript
Nuxt.js SSR与权限验证的实现
Nov 21 Javascript
javascript实现弹幕墙效果
Nov 28 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
Jul 17 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环境套包 dedeampz 伪静态设置示例
2014/03/26 PHP
CodeIgniter安全相关设置汇总
2014/07/03 PHP
php处理带有中文URL的方法
2016/07/11 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
javascript 学习笔记(八)javascript对象
2011/04/12 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
Js参数值中含有单引号或双引号问题的解决方法
2013/11/06 Javascript
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
arguments对象验证函数的参数是否合法
2015/06/26 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
2018/02/23 Javascript
vue实例中data使用return包裹的方法
2018/08/27 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
详解vue 中 scoped 样式作用域的规则
2020/09/14 Javascript
vue项目查看vue版本及cli版本的实现方式
2020/10/24 Javascript
Python中的赋值、浅拷贝、深拷贝介绍
2015/03/09 Python
python文件名和文件路径操作实例
2017/09/29 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
pycharm下配置pyqt5的教程(anaconda虚拟环境下+tensorflow)
2020/03/25 Python
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
娇韵诗Clarins意大利官方网站:法国天然护肤品牌
2020/03/11 全球购物
android面试问题与答案
2016/12/27 面试题
售后服务承诺书
2014/03/26 职场文书
小学老师寄语大全
2014/04/04 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
六年级语文下册教学计划
2015/01/22 职场文书
2015七夕情人节宣传语
2015/07/14 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers