vue提交数据后实现loading提示
比如提交一个表单后,等待后端返回数据时给个loading的样式,像下面这样主要用到的是element ui的el-loading,实现代码如下:onSubmit () {let $this=thislet loading = this.$loading({lock:true,text:"提交中,请稍候...",background:'rgba(0,0,0,0.5)'})this.$axios.
·
比如提交一个表单后,等待后端返回数据时给个loading的样式,像下面这样
主要用到的是element ui的el-loading,实现代码如下:
onSubmit () {
let $this=this
let loading = this.$loading({
lock:true,
text:"提交中,请稍候...",
background:'rgba(0,0,0,0.5)'
})
this.$axios.post(
...
}).then(function(response){
//提交完成后,关闭这个loading样式
loading.close()
//前端提示提交成功
$this.$message({
message:"提交成功",
type:"success"
})
}).catch(function(error){
console.log(error)
})
},
参考资料:https://blog.csdn.net/qq_44614115/article/details/114480096
更多推荐
已为社区贡献5条内容
所有评论(0)