vue form 表单提交后刷新页面的方法

在Vue组件的methods中定义一个初始化渲染实例。这个实例将用于获取并更新页面数据。例如：

```javascript

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;

});

}

```

接下来，在你的添加方法中调用这个初始化实例。当表单提交成功后，调用此实例即可实现实时更新。例如：

```javascript

add: function (index) {

this.dialogFormVisible = false;

this.$http.post("/permit/specific", this.form, {

headers: { token: this.tokenVal },

})

.then((response) => {

this.lnitializationData(); // 提交成功后调用初始化函数，Vue将自动更新DOM

});

}

```

这篇关于Vue表单提交后刷新页面的指南就分享到这里，希望能给大家带来启发和帮助。也希望大家能够多多支持长沙网络推广和狼蚁SEO，共同学习进步。如果您还有其他疑问或需求，请随时与我们联系。让我们一起在开发道路上不断前行！

注：以上内容纯属虚构，如有雷同，纯属巧合。在实际开发中，请根据具体情况进行相应的调整和优化。