VueJS - 视口混合中的vue不起作用

Question

当视口在组件上时，我希望触发我的功能，我尝试使用：https://github.com/BKWLD/vue-in-viewport-mixin但不起作用。有人能解释一下我做错了什么吗？谢谢！

def update_db(request):print dir(request)
    print request.POST
    return HttpResponse('Thanks for visiting.')

编辑

相反，我使用https://github.com/Akryum/vue-observe-visibility并且它有效。

Answer 1

<div class="box has-text-centered" id='count' v-if='inViewport.now'>
    /.../
</div>

如果您在模板中的根标签处有v-if，则它无法正常工作。尝试将v-if枯萎移动到您调用此组件的父组件，或者移动v-if下面的一个级别，如：

<div class="box has-text-centered" id='count'>
    <div v-if='inViewport.now'> /../ </div>
</div>