vue 表单里面show-message参数的使用,是否显示校验错误信息

  • Post author:
  • Post category:vue


真的有时候官网给出的就那么两个话,样例也没有,对新手真的很不友好,有些也很难百度

我就以今天自己碰到的问题,搞了很久,很开心到最后解决了,花了挺长一段时间的,也是我本人能力有限的问题

官网给出

到底怎么用呢?

我就把代码全部贴上去比较好看一点,好理解一点,在我打很多”!“的上面

  1. 需要    :show-message=”true”  需要冒号”:”,才能实现错误信息不提示,
  2. 要写在<el-form>里面
      <el-form
        :model="ruleForm"
        :rules="rules"
        ref="ruleForm"
        :show-message="false"
      >  //!!!!!!!!!!!!!!!!!!!!!
        <el-form-item label="时令名称 : " prop="name">
          <el-input
            v-model="ruleForm.name"
            autocomplete="off"
            placeholder="请输入内容"
          ></el-input>
        </el-form-item>
        <el-form-item label="开始日期 : " prop="startTime">
          <el-date-picker
            v-model="ruleForm.startTime"
            type="date"
            placeholder="请选择日期"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="结束日期 : " prop="endTime">
          <el-date-picker
            v-model="ruleForm.endTime"
            type="date"
            placeholder="请选择日期"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item label="&nbsp;&nbsp;&nbsp;是否启用 : " prop="startP">
          <el-switch
            v-model="ruleForm.isSwitch"
            active-color="#3390F8"
            inactive-color="#ff4949"
            class="startP_btn"
          ></el-switch>
        </el-form-item>
      </el-form>

看到这篇文章的朋友,希望我的文章能帮到你



版权声明:本文为weixin_44423850原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。