在使用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: “”,这时候进行输入框的输入操作,控制台不再报错。
请问我这个是什么原因造成的?要怎么修改?