1、使用el-table,当我们修改数据库的数据后,el-table的数据还是原来的没有及时更新数据,必须重新从接口取新的数据才会变化,造成用户体验不好,使用this.$set解决
var url = this.HOST + '/xx/xx'
var qs = require('qs');
this.$axios.post(url, qs.stringify(this.info), {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
},
})
.then(res => {
if (res.data.needReLogin === 1) {
this.$store.dispatch('LogOut').then(() => {
location.reload()
})
}
// console.log("res",res)
if (res.data.state==true){
if (this.user.userId==userId){
this.user.integral=res.data.currIntegral
this.user.contribution=res.data.currContribution
}else {
if (this.list.length>0){
for (var i=0;i<this.list.length;i++){
if (this.list[i].userId==userId){
this.$set(this.list[i],"integral",res.data.currIntegral)
this.$set(this.list[i],"contribution",res.data.currContribution)
}
}
}
}
this.$notify({
title: '成功',
message: res.data.msg,
type: 'success',
})
}else {
this.$notify.error({
title: '失败',
message: res.data.msg,
})
}