如何解决Gridsome:如何仅为单个页面添加 Vue.use(MyPlugin)?
我在 Gridsome Vue.use(ReCaptcha,{some options})
中使用 main.js
添加了 ReCaptcha 插件,该插件显示在所有页面上。
解决方法
我以前从未使用过 ReCaptcha 或 Gridsome,但一般来说,如果您使用 npm
安装插件,那么在单个页面上使用它的最简单方法是将插件导入到呈现的特定组件中在您要使用它的路线上。即
/* === MyComponent.vue === */
<script>
import plugin from 'packageName';
// or
import { pluginExport } from 'packageName';
export Default{
// You can then use the plugin/pluginExport here
}
从那里您应该能够像往常一样在该特定组件中使用该包,如果您使用 Vue.use
在应用范围内实现它。在某些情况下,根据插件的使用方式,您可能需要将导入的插件模块注册为 components
对象中的子组件。例如this vuejs QR Code generator。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。