<el-table-column prop="onlineStatus" label="是否上线" align="center" width="95" fixed="right">
<template slot-scope="data">
<el-switch
v-model="data.row.onlineStatus"
@change="onlineStatusChange(data.row)"
:active-value="1"
:inactive-value="2">
</el-switch>
</template>
</el-table-column>
注意事项:
:active-value="0"
和 :inactive-value="1">
前面的冒号表示这儿的0
为int类型, 绑定的deleted
属性从后端传回来的值为int类型, 所以我们那儿必须也为int类型, 否则无法正常使用.如果想用字符"0"
类型, 去掉冒号即可.
// 在线状态修改
onlineStatusChange(data) {
console.log(data.gid)
console.log(data.onlineStatus)
const params = {
dailyid: data.gid,
onlineStatus: data.onlineStatus
}
updateOnlineStatus(params).then( res => {
if (res.code === 1) {
this.$message.success('操作成功')
} else {
this.$message.error('操作失败,请重试')
}
}).catch(err => {
this.$message.error(err)
})
}