想让提交时勾选必选

开始这样写

<el-form-item prop="agree"><el-checkboxstyle="font-size: 12px"label="阅读并同意《服务协议》和《隐私声明》"v-model="ruleForm.agree"></el-checkbox>
</el-form-item>
       ruleForm: {userName: '',passWord: '',agree: false,},rules: {agree: [{ required: true, message: '请勾选同意协议', trigger: 'change' },],userName: [{ required: true, message: '请输入用户名', trigger: 'blur' },],passWord: [{ required: true, message: '请输入密码', trigger: 'blur' },],},

不起作用,必须用elementUI Form文档里面的写法

   ruleForm: {userName: '',passWord: '',agree: [], //1.修改成数组},rules: {agree: [ // 2.加一个type是数组{ type: 'array', required: true, message: '请勾选同意协议', trigger: 'change' }, ],userName: [{ required: true, message: '请输入用户名', trigger: 'blur' },],passWord: [{ required: true, message: '请输入密码', trigger: 'blur' },],},

就能正常提示了

elementUI Form中 勾选框设置必选不提示问题相关推荐

  1. 网页复选框设置只能选一个_网页自动填表基础教程从简单开始

    通常来说,网页自动填表包含单选框.复选框.文本框.多行文本框.下拉列表框的自动填写.本文讲讲这些项目的自动填写方法.所用到的工具是网页自动操作通用工具. 一.文本输入框及多行文本输入框的自动填写 下面 ...

  2. 网页复选框设置只能选一个_男生在密室呆一个月, 只能选手机或者女人, 结果太现实...

    网络通讯高速发达的现在,很多人已经越来越离不开手机了.现实生活当中,很多人也会在玩手机跟女朋友之间作出抉择,甚至会因为手机跟女朋友之间两者不平衡而导致吵架分手.前不久某学校研究人员就做过一个类似实验, ...

  3. elementUI中的el-table勾选框设置默认勾选、禁用

    elementUI中的el-table勾选框设置默认勾选.禁用 最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark= ...

  4. 将jQuery的复选框设置为“已选中”?

    我想做这样的事情来使用jQuery勾选一个checkbox : $(".myCheckBox").checked(true); 要么 $(".myCheckBox&quo ...

  5. 使用 jQuery 为复选框设置“选中”

    问题描述: 我想做这样的事情来使用 jQuery 勾选 checkbox: $(".myCheckBox").checked(true); 或者 $(".myCheckB ...

  6. vue 带全选和多选的表格怎么写_vue中使用计算属性巧妙的实现多选框的“全选”...

    接下来我会以一个购物车的例子,来演示如果借助计算属性,精巧的实现多选框的全选功能.当然,有全选,自然对应的也还有取消全选. 以下这张gif图,就是最终的实现效果: 第一步,针对购物车每一个商品进行设置 ...

  7. js文本框设置必填项_Jquery文本框小例(必填框)

    //当光标离开文本框的时候如果文本框为空,则将文本框边框色设置为红色,如果不为空则为白色.提示:焦点进入控件的事件是focus或者mousedown,焦点离开控件的事件是blur. $(functio ...

  8. input框的一系列操作(输入框必填*号,验证单选框为必选,默认选中单选按钮,点击禁用表单输入域,输入框变为只读)

    例① :输入框必填,用*号提示 <p class="form-group"><label for="author">姓名</lab ...

  9. Easyui 表格中复选框设置单选

    Easyui 表格中复选框设置单选 单设置singleSelect:true 是不行的,一定还要在data-options中设置 data-options="singleSelect:tru ...

最新文章

  1. 【Android 逆向】x86 汇编 ( push / pop 入栈 / 出栈 指令 | ret / retn 函数调用返回指令 | set 设置目标值指令 )
  2. Leetcode1685. 有序数组中差绝对值之和[C++题解]:前缀和和差的绝对值之和
  3. Vue的响应式及相关问题
  4. 目前市场上主流服务器厂商,目前市场上流行的串口服务器有哪些功能
  5. i9可以装服务器系统吗,i9服务器
  6. git 本地库的使用
  7. 最新用python来操作mysql完全解析
  8. 【Django】(一)django的下载、安装、配置及创建项目等
  9. html - html5 audio 音乐自动播放,循环播放等9款播放器
  10. 漫画:为什么不能打断程序员?
  11. 【Python】用matplotlib函数绘制股票趋势图
  12. 做小红书推广快速涨粉的技巧_云媒易
  13. deepin系统中Qt5.12无法输入中文(无法切换中文输入法)解决办法
  14. 顺丰职级分成4级_阿里职位层级(附P级详细要求)
  15. C语言int型数组转化为字符串
  16. Qt框架之情人节玫瑰花案例项目
  17. java+s2sh+mysql水费系统
  18. ipmi java_IPMI ,JAVA 远程ISO安装系统问题
  19. 基于运放的放大电路分析
  20. 众为兴机器人视觉通讯

热门文章

  1. 计算机应用技术移动UI设计方向,周口职业技术学院专科(高职)计算机应用技术(移动UI设计方向)_周口职业技术学院专科(高职)计算机应用技术(移动UI设计方向)简介-查字典学校网...
  2. 2022蓝牙耳机大盘点测评,2022年最新蓝牙耳机排行榜
  3. 防范勒索蠕虫病毒入侵,3分钟教你快速关闭高危端口445!
  4. stm32H7 SPI和SPI DMA时间差异对比
  5. 卸载计算机更新程序包,Win7清除Win10更新安装包的方法
  6. 网络媒体的力量-《黄金甲》影评
  7. 顺为、小米联合领投支出宝,官网启用三拼域名!
  8. 金弘同创:拼多多怎么退保证金
  9. java声明是否是质数,java判断是否为素数(质数)的方法
  10. 业界新闻: JAVA 7新特性让JVM“瘦身”成功!