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 系统文件夹文件操作及参数介绍
Jan 08 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
jQuery实现表格展开与折叠的方法
May 04 Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
jQuery满意度星级评价插件特效代码分享
Aug 19 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
Aug 31 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
node.js 中国天气预报 简单实现
Jun 06 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
ejsExcel模板在Vue.js项目中的实际运用
Jan 27 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
May 30 jQuery
原生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
跟我学Laravel之快速入门
2014/10/15 PHP
centos 7.2下搭建LNMP环境教程
2016/11/20 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
laravel5.6 框架操作数据 Eloquent ORM用法示例
2020/01/26 PHP
用jscript启动sqlserver
2007/06/21 Javascript
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
JS函数重载的解决方案
2014/05/13 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
JS实现的论坛Ajax打分效果完整实例
2015/10/31 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
vue实现滑动到底部加载更多效果
2020/10/27 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
python使用scrapy发送post请求的坑
2018/09/04 Python
python解析json串与正则匹配对比方法
2018/12/20 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
python的slice notation的特殊用法详解
2019/12/27 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
html5的localstorage详解
2017/05/09 HTML / CSS
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
攀岩、滑雪、徒步旅行装备:Black Diamond Equipment
2019/08/16 全球购物
超市促销实习自我鉴定
2013/09/23 职场文书
《美丽的公鸡》教学反思
2014/02/25 职场文书
乡镇计划生育工作汇报
2014/10/28 职场文书
2014年医院后勤工作总结
2014/12/06 职场文书
2015双创工作总结
2015/07/24 职场文书
银行服务理念口号
2015/12/25 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis