问题描述
我正在尝试使用vee-validate
来验证此应用上的某些输入。尝试使用ValidationObserver
自定义标记时,出现此错误。
[Vue警告]:未知的自定义元素:
<ValidationObserver>
-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。
我将其添加到.vue元素的<script>
部分的组件中。
<script>
import { ValidationObserver } from 'vee-validate';
import { mapState,mapGetters,mapActions } from 'vuex';
export default {
data: () => ({
name: 'ValidationObserver',components: {
ValidationObserver,},// code continues on from here
如果有必要,我还将其包含在创建Vue应用程序的main.js
文件的组件中。它没有解决错误。
解决方法
components选项应该在data选项之外:
export default {
data: () => ({
name: 'ValidationObserver',}),components: {
ValidationObserver,},