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

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时，没有点击事件