【VForm3 输入框开启验证,控制台报错Uncaught (in promise) 要怎么解决?】

在使用VForm3的 v-form-render标签时,输入框进行输入操作就会报错“Uncaught (in promise) Object { input18546:
报错截图

核心代码如下:

<template>
<v-form-render
      :form-json="formJson"
      :form-data="formData"
      :option-data="optionData"
      ref="vFormRef"
    >
    </v-form-render>
</template>

<script setup>
const formJson = reactive({
  widgetList: [
    {
      key: 57304,
      type: "input",
      icon: "text-field",
      formItemFlag: true,
      options: {
        name: "input18546",
        label: "手机账号",
        labelAlign: "label-right-align",
        type: "text",
        defaultValue: "",
        placeholder: "",
        columnWidth: "200px",
        size: "",
        labelWidth: null,
        labelHidden: false,
        readonly: false,
        disabled: false,
        hidden: false,
        clearable: true,
        showPassword: false,
        required: true,
        requiredHint: "请输入手机号",
        validation: "mobilePhone",
        validationHint: "请输入正确的手机号码",
        customClass: [],
        labelIconClass: null,
        labelIconPosition: "rear",
        labelTooltip: null,
        minLength: null,
        maxLength: null,
        showWordLimit: false,
        prefixIcon: "",
        suffixIcon: "",
        appendButton: false,
        appendButtonDisabled: false,
        buttonIcon: "custom-search",
        onCreated: "",
        onMounted: "",
        onInput: "",
        onChange: "",
        onFocus: "",
        onBlur: "",
        onValidate: "",
      },
      id: "input18546",
    },
   ],
});

当我尝试去掉输入验证,即改成 validation: “”,这时候进行输入框的输入操作,控制台不再报错。

请问我这个是什么原因造成的?要怎么修改?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值