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
  }
}