例如:当我点击启用的时候,修改和删除就可以正常点击使用
第一步:给按钮绑定点击事件@click='Disable(row.id , row.state)',通过作用于插槽可以获取到id,和state,state是状态,修改和删除按钮可以用disabled进行显示和隐藏
第二步:状态那一栏也要绑定一个枚举
枚举可以直接就写在methods方法里面
methods: {formatState(row, column, cellValue, index) {const hireType = [{id: 0,value: '已启用'},{id: 1,value: '已禁用'}]const obj = hireType.find((item) => {return item.id === cellValue})return obj ? obj
}
第三步:点击按钮的时候
// 点击禁用async Disable(id, state) {try {state = state ? 0 : 1this.tableData.forEach(item => {if (item.id === id) {item.state = state}})//发生请求更新当前页面状态更新的请求,根据接口文档来绝对传什么参数,这里是传id和状态stateawait tagState(id, state)this.$message.success('操作成功')} catch (err) {console.log(err)}},