vue 表单里面show-message参数的使用,是否显示校验错误信息
真的有时候官网给出的就那么两个话,样例也没有,对新手真的很不友好,有些也很难百度我就以今天自己碰到的问题,搞了很久,很开心到最后解决了,花了挺长一段时间的,也是我本人能力有限的问题官网给出到底怎么用呢?我就把代码全部贴上去比较好看一点,好理解一点,在我打很多”!“的上面需要:show-message="true" 需要冒号":",才能实现错误信息不提示,要写在<el-form>里面&l
·
真的有时候官网给出的就那么两个话,样例也没有,对新手真的很不友好,有些也很难百度
我就以今天自己碰到的问题,搞了很久,很开心到最后解决了,花了挺长一段时间的,也是我本人能力有限的问题
官网给出
到底怎么用呢?
我就把代码全部贴上去比较好看一点,好理解一点,在我打很多”!“的上面
- 需要 :show-message="true" 需要冒号":",才能实现错误信息不提示,
- 要写在<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=" 是否启用 : " prop="startP">
<el-switch
v-model="ruleForm.isSwitch"
active-color="#3390F8"
inactive-color="#ff4949"
class="startP_btn"
></el-switch>
</el-form-item>
</el-form>
看到这篇文章的朋友,希望我的文章能帮到你
更多推荐
已为社区贡献2条内容
所有评论(0)