位置: IT常识 - 正文

ElementUI中<el-form>标签中 ref、:model、:rules 的作用

编辑:rootadmin
ElementUI中<el-form>标签中 ref、:model、:rules 的作用

推荐整理分享ElementUI中<el-form>标签中 ref、:model、:rules 的作用,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

首先看一下代码

<el-form ref="loginForm" :model="loginInfo" :rules="loginRules" class="login-form" auto-complete="on" label-position="left" >ElementUI中<el-form>标签中 ref、:model、:rules 的作用

ref 属性涉及Dom 元素的获取(el-form表单对象)。 javaSrcipt 获取Dom 元素是通过:document.querySelector(".input")获取dom元素节点 。 Vue 为简化DOM获取方法提出了ref 属性和$refs 对象。一般的操作流程是:ref 绑定控件,$refs 获取控件。

Element官方文档中写到:

model是表单数据对象,rules是表单验证规则。

Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。

里面的逻辑大概是,在el-form-item上写一个prop,这个prop左手对应着数据源(即用model.prop找到对应的数据源),右手对应着验证规则(即用rules.prop找到对应的规则),然后进行验证。

本文链接地址:https://www.jiuchutong.com/zhishi/296093.html 转载请保留说明!

上一篇:vue中 router.beforeEach() 的用法

下一篇:微信小程序开发 app.json全局配置(微信小程序开发零基础入门)

  • 账面价值大于计税基础是什么差异
  • 外地多预交的税款申报时该怎么填写?
  • 网银制单了没有审核有影响吗
  • 固定资产入账原值含税价吗
  • 单位给员工投保
  • 会计记账凭证如何填制
  • 房地产开发的会计处理
  • 出差租车费用报销标准
  • 自产产品用于业务宣传确认收入吗
  • 生产加工型企业经营范围
  • 个人开技术服务费税率是多少
  • 支付的管理费用可以抵税吗
  • 混合销售行为如何界定
  • 合并利润表抵消事项包括
  • 甲供材简易征收税率
  • 3万免税是指什么
  • 会计学堂值得购买吗
  • 售楼部购买空调计入哪个科目
  • 交叉持股的合并财务报表
  • 管网设计费用取费标准
  • 上年的一张服务费的发票能否做账到今年?
  • 高新企业申报指南
  • 入住酒店报销
  • 给员工发放购物卡交个税吗
  • 腾讯电脑管家怎么修复dll
  • 压缩文件夹发给别人他能看到我桌面上的文件吗
  • 鸿蒙系统获取电脑文件
  • scanexplicit.exe - scanexplicit是什么进程 作用是什么
  • 关闭445端口方法命令
  • win11可以玩游戏吗
  • 关闭系统自动调屏幕亮度
  • php 字符串函数
  • 如何查询税务完税证明
  • 提示内存不足
  • 蟹爪兰的养殖方法和浇水
  • 木星应该涂什么颜色
  • 旅游 服务业
  • 当人力资源短缺时,用什么方法增加人力资源?
  • 公司投资款无法收回
  • 贝特希金斯
  • 通过云服务器租号安全吗
  • js生成条形码的方式有哪些
  • 微信小程序开发公司
  • php数据库搭建
  • 存根联明细是自动生成
  • 个税汇算清缴时劳务报酬怎么计税
  • webpack怎么优化
  • 被盗的固定资产如何处理
  • 养猪死亡
  • 应交税费应交增值税销项税额
  • 改良生产线发生的职工薪酬计入期间费用
  • 一般纳税人增值税怎么算
  • 跨年度发票能否税前扣除
  • 收款收据可以用于财务报账吗
  • 固定资产多少钱算固定资产
  • 长期股权投资损益调整是什么意思
  • 土地使用税退税怎么做会计分录
  • 所有者权益科目有哪些
  • 酒店酒水成本核算表
  • 成本核算方法是移动加权平均法吗
  • 有奖销售增值税处理
  • 公司委托公司收款范本
  • 设置账本应当遵循哪些原则
  • sqlserver 实现分组合并
  • media.codec是什么
  • win81蓝屏重启故障
  • win10周年更新版是什么意思
  • win10一年更新一次
  • linux shell命令大全
  • 如何关闭win8快速启动
  • 极简主义分析
  • 什么叫真游戏
  • 创建ie浏览器
  • Node.js中的事件循环是什么
  • Qualcom QMI系列-基本知识介绍
  • javascript教程chm
  • jquery事件解绑
  • 石家庄水费阶梯价格表 2020
  • 财税知识
  • 出口退税 即征即退属于政府补助吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设