Как использовать event вместе с modifiers внутри v-on по условию?

Question

[Артем Прохоров]

<div @click.prevent.stop.capture="isDragging ? onClick : null">1234</div>

Хочу заблочить click event целиком по условию,. То есть по сути использовать все эти флаги если true, иначе либо убрать event из v-on, или убрать указанные modifiers.
Можно ли так вообще сделать?

P.S.
pointer-events: none; не хочу использовать, так как не дает использовать нужный cursor

Comments

[Ankhena]

pointer-events: none; не хочу использовать, так как не дает использовать нужный cursor

А зачем вы хотите вводить пользователей в заблуждение несоответствующим курсором?

Answer 1

[0xD34F]

const props = computed(() => isDragging.value
  ? { onClickCapture: withModifiers(onClick, [ 'prevent', 'stop' ]) }
  : null // или { onClick }, если надо только модификаторы убрать
);

<div v-bind="props">

Comments

[Артем Прохоров]

Спасибо!