Question

我正在使用https://www.npmjs.com/package/vue-js-toggle-button提供的vue-js-toggle-button插件。

我已经在我的main.js文件中安装了插件，如下所示：

import ToggleButton from 'vue-js-toggle-button'
Vue.use(ToggleButton)

当我在我的一个主要组件中使用它时插件工作正常，但是当我在子组件中使用它时，我会收到警告：

[Vue警告]：未知的自定义元素：<toggle-button> - 您注册了吗？组件正确吗？对于递归组件，请确保提供“名称”选项。

尝试使用子组件中的插件时，我只收到此错误。

例如，在我的Child.vue文件中，我可能会这样：

<toggle-button />

我的Parent.vue文件包含孩子

<child/>

任何人都知道这里发生了什么？

我还想指出插件仍在子组件中工作，但此警告显示在控制台中。我只是想摆脱警告。

子文件基本上如下所示：

<template lang="html"><div>
<toggle-button id="control-toggle-pg"
                  :labels="{checked: 'PG', unchecked: 'VG'}"
                  :color="{checked: '#333', unchecked: '#999'}"
                  :value="isPG" :sync="true"></toggle-button>
</div></template>

Vue.js - 未知的自定义元素 - 在子组件中使用插件

0 个答案: