Всплывающее окно семантического пользовательского интерфейса внутри компонента Vue не работает после сортировки - PullRequest
Новая
       20

Всплывающее окно семантического пользовательского интерфейса внутри компонента Vue не работает после сортировки

0 голосов
/ 03 июля 2019

У меня есть следующий шаблон.В котором есть description div.Я хочу, чтобы при наведении мыши на него появлялась подсказка.Я использую Semantic UI Popup.

<template>
    <div class="item candidate-item">
        ...
        <div ref="description" class="description">

        </div>
        <div v-if="loaded" class="ui flowing popup right transition hidden candidate-info-box">
            <candidate-detail :candidate="c" v-on:approved="$emit('approved', c)"></candidate-detail>
        </div>
    </div>
</template>

Внутри javascript я получаю доступ к этому div через $ref и вызываю popup в mounted().Изначально все работает нормально. 

$(this.$refs.description).popup({});

Но через некоторое время я сортирую эти дочерние компоненты из родительского компонента.Дочерние компоненты отображаются в другом порядке после сортировки.Но всплывающее окно исчезло.Я тоже пытался выполнить popup() внутри update(), но это не сработало.

Похоже, что событие, связанное с функцией popup(), удаляется повторным рендерингом DOM из родительского компонента.Как и где снова вызвать popup() после окончания сортировки?

...