我确实安装了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 后,前面和后面的文本都可见,而不是仅显示前面的文本,因此单击后面的文本时会出现。
我该如何解决?
最佳答案
您检查过控制台是否有错误吗?因为应该有的..
根据文档https://www.npmjs.com/package/vue-flip不是一个vue插件而是一个组件,所以它不会像这样工作。您需要将其指定为使用它的组件。
import VueFlip from 'vue-flip';
export default {
components: {
'vue-flip': VueFlip
}
}
关于javascript - NuxtJs vue-flip 不在正面和背面之间翻转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55748546/