css -> .disabled { pointer-events: none; }mi plantilla ->
<template v-slot:actions-slot="{ row }"> <Button v-if="canManageDeliveryPlan" variant="tertiary" small @click="handleCreatePlanClick(row)"> <span v-bind:class="[row.shipmentStatus === 'CANCELLED' && row.deliveryOrderCount == 0 ? 'disabled' : '']">v-if="!row.wasModifiedByUser">Create plan</span> <span v-bind:class="[row.shipmentStatus === 'CANCELLED' && row.deliveryOrderCount == 0 ? 'disables' : '']" v-if="row.wasModifiedByUser">Edit plan</span>Intente aplicar la clase al elemento del button , no a un span dentro del elemento del botón.
<Button v-if="canManageDeliveryPlan" :class='myClass' variant="tertiary" small @click="handleCreatePlanClick(row)"> // computed ( or use a computed ref in vue3) computed: { myClass() { const disabled = row.shipmentStatus === 'CANCELLED' && row.deliveryOrderCount == 0 return {disabled} } }