速度未定义：VUEJS

Question

我正在尝试将 Velocity.js 与我的 Vuejs 一起使用，但它给了我错误Velocity not defined：

这是我的 Vuejs 代码：

<div class="anim_container">
    <transition @before-enter="beforeEnter" @enter="enter" appear>
      <div class="icon icon_phone" delay="0" left="100"></div>
    </transition>
</div>

和

methods: {
    beforeEnter(el) {
      el.style.left = "-200px";
      el.style.opacity = 0;
    },
    enter(el, done) {
      let delay = parseInt(el.getAttribute("delay"));
      let left = parseInt(el.getAttribute("left"));
      console.log(el);
      Velocity(
        el,
        { opacity: 1, left },
        { delay, duration: 2000, complete: done }
      );
    }
  }

我也试过通过 npm 包来使用它

import Velocity from 'velocity-animate';

Vue.use(Velocity);

它也不起作用。

Answer 1

Velocity不是vue插件，所以不要Vue.use()，直接导入到你的组件文件中正常使用即可。