javascript - NuxtJs vue-flip 不在正面和背面之间翻转

Question

我确实安装了vue-flip进入使用以下命令创建的 NuxtJs (VueJS) 项目:npx create-nuxt-app <project-name> .

在index.vue文件中我只是添加:

<vue-flip active-click="true">
    <div slot="front">
      front
    </div>
    <div slot="back">
      back
    </div>
</vue-flip>

我在 nuxt.config.js 注册了该插件:

  plugins: [
    '~/plugins/vue-flip'
  ]

并在插件文件夹中创建文件 vue-flip.js :

import Vue from 'vue'

import VueFlip from 'vue-flip'

Vue.use(VueFlip)

运行 npm run dev 并在 localhost:3000 后，前面和后面的文本都可见，而不是仅显示前面的文本，因此单击后面的文本时会出现。

我该如何解决？

Answer 1

您检查过控制台是否有错误吗？因为应该有的..

根据文档https://www.npmjs.com/package/vue-flip不是一个vue插件而是一个组件，所以它不会像这样工作。您需要将其指定为使用它的组件。

import VueFlip from 'vue-flip';
export default {
  components: {
    'vue-flip': VueFlip
  }
}