wow.js，在 Vue 组件中工作，但 visibility:hidden；未被本机覆盖 html

Question

刚刚支付了商业许可证并尝试按照文档进行操作，但无法使动画正常工作

我正在使用 Laravel 5.4 和 Vue 2

<head> 
  <link rel="stylesheet" href="/css/animate.min.css" />
</head>

<body>
  <div id="app">
     @yield('content')
  </div>
  <script src="/js/app.js"></script> // vue file
  <script src="/js/wow.js"></script> 
  <script>
    var wow = new WOW();
    wow.init();
    console.log(wow); // works fine 
  </script>
</body>

// content 
@extends('layouts.app')
@section('content')
   <div class="wow slideInLeft"> // not working 
      <p>Test</p> // not working when applied here either
   </div>
@stop

我哪里错了？

更新，wow 正在应用于我的 Vue 组件，但不是本机 html 标签。

似乎 style="visibility: hidden;" 没有被覆盖。

// Vue component with working wow animation
// this component is on the same page where I want to apply wow to native html 
    <template name="test">
      <p class="wow bounceIn>Test</p> // works
    </template>

Answer 1

wow.js happens on page load and not on scroll

我正在使用 CSS 应用高度和宽度限制删除这些使其工作

wow.js，在 Vue 组件中工作，但 visibility:hidden；未被本机覆盖 html

wow.js, works in Vue component but visibility:hidden; is not being overwritten in native html

vue.js

wow.js