javascript - 带有 vee-validate ValidationObserver 组件的 Vue 自定义元素错误
问题描述
我正在尝试用来vee-validate
验证此应用程序上的一些输入。尝试使用ValidationObserver
自定义标签时出现此错误。
[Vue 警告]:未知的自定义元素:
<ValidationObserver>
- 您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。
我将它添加到<script>
.vue 元素部分的组件中。
<script>
import { ValidationObserver } from 'vee-validate';
import { mapState, mapGetters, mapActions } from 'vuex';
export default {
data: () => ({
name: 'ValidationObserver',
components: {
ValidationObserver,
},
// code continues on from here
如果有必要,我还将它包含在main.js
创建 Vue 应用程序的文件中的组件中。它没有修复错误。
解决方案
components 选项应该在 data 选项之外:
export default {
data: () => ({
name: 'ValidationObserver',
}),
components: {
ValidationObserver,
},
推荐阅读
- performance - Tomcat9:有时快(~3k req/s),有时慢(~200req/s),同样的请求
- c# - 从线程回调以更改窗体上的控件
- java - 使用java和textlocal api向手机号码发送消息
- python-3.x - 执行期间的自动转义字符在机器人框架中创建问题
- python - 使用python中的窗口比较数据框中具有不同频率的2列
- android - Flutter Android 构建输出错误
- database - 创建多条信息相同但外键不同的记录
- python-3.x - 无法在 VS 代码中创建虚拟环境
- checkout - magento 2.3 如何在自定义运输方式中获取地址表格
- c - 实时写入文件,C