Есть список из ячеек, в них использую кастомную директиву, которая на ховер и keypress вызывает тултип, но иногда нужно обновлять данные, поэтому приходится использовать хук update у директивы, но когда делаю изменения в одной ячейке то update вызывается будто бы на всех ячейках, как сделать чтобы update выполнился только на той, которую изменил? Или возможные способы обойти это.
<div class="table">
<div
v-wfm-tooltip
v-for="(item, index) in getShifts"
@keypress="setShift($event, index)"
class="table__cell"
contenteditable="true">
{{item.shift}}
</div>
</div>
тут псевдо пример директивы
function tooltipDirective(store: any) {
function addTooltip() {
console.log('addTooltip')
}
function bind(el, binding, vNode) {
el.addEventListener('mouseenter', addTooltip)
}
function update() {
console.log('update') // при изменении одной ячейки, выводит лог
столько раз, сколько ячеек
}
return {
bind,
update
}
}
export default tooltipDirective;
Пример в sandbox