排序后，Vue组件内的语义UI弹出窗口不起作用

Question

我有以下模板。其中有一个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中，我正在通过$ref访问该div，并在popup中调用mounted()。最初，一切正常。

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

但是一段时间后，我将从父组件中对这些子组件进行排序。子组件在排序后以不同的顺序出现。但是弹出窗口不见了。我也尝试在popup()内执行update()，但这没有用。

似乎popup()函数绑定的事件是通过从父组件重新渲染DOM删除的。排序结束后，如何以及在何处再次调用popup()？