显示div时的Vue检测 - 在显示选项卡时将数据加载到表中，而不是在创建选项卡时

Question

在Vue我有标签。选项卡如下所示：

<ul class='nav nav-tabs'>
    <li v-for='(item, index) in userfilterresults'>
        <a data-toggle='tab' v-bind:href=\"'#tab-3' + index\" >{{ item.name }}</a>
    </li> 
</ul>
<div class='tab-content'>
    <div v-bind:id=\"'tab-3' + index\" class='tab-pane' v-for='(item, index) in userfilterresults' >
        <my-table :url='tasks/getall'></my-table>

问题在于，当我运行应用程序时，它会加载所有选项卡的数据。但我想仅为已单击的选项卡加载数据。在我的表组件中，我有方法加载但我需要在用户单击tab-li时调用它。 是否在vue中允许在显示div选项卡窗格时进行检测？因为现在在创建div选项卡窗格时会加载数据。