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: ce

莉兹Liz

3381人浏览 · 2021-08-03 15:12:11

莉兹Liz · 2021-08-03 15:12:11 发布

在这里插入图片描述

<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;
}