A郭恒 2022-06-21 18:17 采纳率: 76.9%
浏览 210
已结题

form表单校验 控制台警告

问题遇到的现象和发生背景

使用 ant-design-vue 表单验证时

问题相关代码,请勿粘贴截图
 <a-modal
      title="反馈信息"
      :visible="showFeedback"
      @ok="feedbackOk"
      @cancel="feedbackCancel"
      centered
    >
      <a-form-model
        ref="ruleForm"
        :model="feedbackFrom"
        :rules="rules"
        :label-col="{ span: 6 }"
        :wrapper-col="{ span: 16 }"
      >
        <a-form-model-item ref="name" label="反馈内容" prop="feedbackInfo">
          <a-input
            v-model="feedbackFrom.feedbackInfo"
            type="textarea"
            :maxLength="200"
          />
        </a-form-model-item>
      </a-form-model>
    </a-modal>

--------------------------------------------------------绑定的数据
 //反馈信息 form 数据
      feedbackFrom: {
        feedbackInfo: "",
      },
      rules: {
        feedbackInfo: {
          required: true,
          message: "请输入反馈内容",
          trigger: "blur",
        },
      },
运行结果及报错内容

img

我的解答思路和尝试过的方法

输入框为空 先获取光标 然后再失去光标 就会出现控制台警告

我想要达到的结果

想知道什么原因 同事写的就没问题 (不需要改源码注释)

  • 写回答

2条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-06-21 22:56
    关注

    这是控制台的警告,其实就是表单验证不通过,显示的提示语
    而且你可以从提示语看出是 feedbackInfo这一项是必填项,是因为 feedbackInfo 没有填,没有通过表单验证

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 7月29日
  • 已采纳回答 7月21日
  • 创建了问题 6月21日

悬赏问题

  • ¥50 神舟笔记本,没有linux的驱动,装的Ubuntu系统,想把风扇速度调到最大
  • ¥15 workstation加载centos进入emergency模式,查看日志报警如图,怎样解决呢?
  • ¥50 如何用单纯形法寻优不能精准找不到给定的参数,并联机构误差识别,给定误差有7个?matlab
  • ¥15 workstation加载centos进入emergency模式,查看日志报警如图,没有XFS,怎样解决呢?
  • ¥15 应用商店如何检测在架应用内容是否违规?
  • ¥15 Ubuntu系统配置PX4
  • ¥50 nw.js调用activex
  • ¥15 数据库获取信息反馈出错,直接查询了ref字段并且还使用了User文档的_id而不是自己的
  • ¥15 将安全信息用到以下对象时发生以下错误:c:dumpstack.log.tmp 另一个程序正在使用此文件,因此无法访问
  • ¥15 速度位置规划实现精确定位的问题