vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法

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

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 表单提交后刷新页面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法相关推荐

layui提交表单自动刷新_layui form表单提交后实现自动刷新
刚刚使用layui 来做东西,对这一切都不熟悉,使用一下form表单,但是,不能成功的使用. 问题: 1.提交表单,页面自动刷新. 出现这样的情况呢,搜索了一下是因为表单的提交按钮没有type类型.哪 ...
前端页面与form表单提交：代码分享
今天分享下"前端页面与form表单提交:代码分享"这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习 ...
layui删除后刷新表格_layui form表单提交之后重新加载数据表格的方法
如下图,在我们做高级查询的时候需要重新加载数据表格table.reload(); HTML form表单菜单:  JS $(function () { //注意:这里是数据表格的加载数据,必须写 ...
form表单提交不刷新页面的方法
方法1:给form表单加onsubmit事件,值为return false; <form action="" method="post" οnsubmi ...
从页面获取form表单提交的数据
1 使用HttpServletRequest,方便灵活页面代码,使用action提交一个表单,里边有球的id,球的主人,球的颜色,所在省份,区域 <form action="ball ...
form表单提交后页面404
<form action="/hello" method="post"> 修改为 <form action="/springmvc_ ...
layui ajax form 表单提交后清空
1. 2.ajax 提交成功后,执行 $("#my_question")[0].reset(); 注:https://blog.csdn.net/chenxihua1/articl ...
form表单提交后提示成功信息
jsp中的写法: <iframe id="registerIframe" name="registerIframe" src="" s ...
form + iframe 获取表单提交后返回的数据
原理: submit 提交表单没有回调函数,但是可以用iframe来接收返回结果,最后进行格式转换就ok了: 原文地址: http://blog.csdn.net/simeng_1016/articl ...

vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法

vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法相关推荐

最新文章

热门文章