Ant Design Vue中表单在控制台中有验证，但是在页面中不显示

Ant Design Vue中表单在控制台中有验证，但是在页面中不显示之前的代码<a-inputv-decorator="['goods_manufacture', {rules: [{ required: true, message: '请输入商品厂家' },{ validator: goodsManufactureVal }] }]"style="width: 415px"/>解决

人间_失格

3060人浏览 · 2021-01-12 22:36:19

人间_失格 · 2021-01-12 22:36:19 发布

Ant Design Vue中表单在控制台中有验证，但是在页面中不显示

之前的代码

<a-input
  v-decorator="['goods_manufacture', {rules: [{ required: true, message: '请输入商品厂家' },{ validator: goodsManufactureVal }] }]"
  style="width: 415px"
/>

解决办法

在options中使用initialValue设置初始值为空字符串
initialValue: ‘’

<a-input
  v-decorator="['goods_manufacture', {rules: [{initialValue: '', required: true, message: '请输入商品厂家' },{ validator: goodsManufactureVal }] }]"
  style="width: 415px"
/>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^