标签:el loading 开启 tableData switch message data id
// 说明:el-switch的change事件只能拿到开关改变后的值,所以这里用input事件,并使用value绑定值,不使用v-model绑定
// 模板代码
// js代码
// 切换三元组状态
changeTernaryFlag(row, val) {
const data = {
id: row.id,
ternaryFlag: val
}
this.$confirm(`确定要${str}改变信息吗?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
changeStatus(data).then(res => {
loading.close()
if (res.data.code === '200') {
// 请求成功 修改状态
for (const i in this.tableData) {
let item = this.tableData[i]
if (item.id === row.id) {
let temData = this.tableData
temData[i].ternaryFlag = val
this.tableData = temData
// this.$set()
break
}
}
this.$message({
type: 'success',
message: `${str}成功!`
})
} else {
this.$message.error(res.data.msg)
}
})
}).catch(() => {
this.$message({
type: 'info',
message: `${str}失败!`
})
})
}
}
标签:el,loading,开启,tableData,switch,message,data,id
来源: https://www.cnblogs.com/chirm7/p/14519480.html
本站声明:
1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。