css控制div span按钮置灰 点击后不触发事件

<span:class="props.row.status === 0 ? 'table-blue' : 'table-disable'"@click="showStatusModal(0, props.row.id)">下架</span>&-blue {cursor: pointer;color: blue;margin: 0 2px;text-align: center;}&-disable {pointer-events: none;color: #ccc;}