这是一个编辑按钮，如何让它的点击失效，求大佬帮忙看一下

Question

<td class="role-management-operation-edit" :class="[item.color]" @click="edit(index)">{{item.edit}}</td>

Answer 1

设一个变量，比如

let clickAble = true

那么

<td>
    <span v-if="clickAble" @click="edit(index)"></span>
    <span v-else></span>
</td>

当 clickAble 为 false时，没有点击事件