![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementui
九乞阿大
脑子里全是混凝土的阿某人
展开
-
elementui 恢复级联框el-cascader的默认状态
单纯改变v-model值会有下面的情况,保留了上次的选择路径,与需求不符,所以针对这种情况做了下级联面板的重置。在官网demo基础上做修改(代码1),增加ref。新增个按钮做重置操作(代码2)// 代码1<div class="block"> <span class="demonstration">默认 click 触发子菜单</span> <el-cascader ref="cascader" v-model="value原创 2020-07-10 17:00:37 · 3095 阅读 · 16 评论 -
elementui 树形表格 全部展开及收起功能
elementui: v2.12.0主要方法: toggleRowExpansion方法名说明参数toggleRowExpansion用于可展开表格与树形表格,切换某一行的展开状态,如果使用了第二个参数,则是设置这一行展开与否(expanded 为 true 则展开)row, expanded使用: this.$refs.theTable.toggleRowEx...原创 2020-01-07 17:09:14 · 10608 阅读 · 9 评论 -
elementui 表单验证
做表单验证时,需要必填,然后判断账户是否为数字。出现一个bug如图。填写了正确的数值但是依旧一直提示为空。 后来发现问题出现在props验证和v-model值上,这两个必须为同一个参数且在data内声明了。 改为prop=&quot;thatAccount&quot;, roules 内的也改掉,成功执行了验证。form的几种验证方法:1.在单个的表单域上传递属性的验证规则。直接在具...原创 2018-09-05 17:33:39 · 14137 阅读 · 2 评论 -
vue+elemenui 跨域上传图片
需求:上传图片,请求第三方接口(接口1:https://abcd.io/data/ocr/xxx.json?accountNo=xxx&password=xxx)识别图中文字,获取返回值并填入表单中,最后传给后台 (接口2:http://192.168.160.149:8081/)原创 2018-10-04 15:05:03 · 6243 阅读 · 0 评论 -
elementui 表单公共方法验证
做项目时会涉及到很多表单,前台的表单验证就必不可少,很多公共的验证,比如:手机号、日期、身份证等,一套写下来也很费时间,完全可以写个公共方法myVal去校验,.vue文件通过:rules='$rules.myVal'调用。文章目录新建规则:common&gt; rules&gt;index.js挂载:main.js引入rules*.vue 调用新建规则:common&gt; rules&...原创 2018-10-04 16:20:12 · 2630 阅读 · 0 评论 -
elementui-清除弹框中表单的默认值-resetFields()
当弹框(dialog)中含有表单,要进行编辑、查看、新增操作,需要复用弹框,会涉及到清空表单数据。elementui官网中dialog部分有这么一句话:Dialog 的内容是懒渲染的,即在第一次被打开之前,传入的默认 slot 不会被渲染到 DOM 上。因此,如果需要执行 DOM 操作,或通过 ref 获取相应组件,请在 open 事件回调中进行。这里会遇到一个问题,先进行编辑再新增,使...原创 2018-11-01 16:14:21 · 7489 阅读 · 9 评论 -
elementui 表单公共方法验证-二
项目中有了一个公共的表单验证后,随着需求的深入,会有不同的输入要求,比如a页面的‘name’要求字符只能中文,&amp;lt;el-form-item label=&quot;员工姓名:&quot; prop=&quot;name&quot; :rules=&quot;demo.iDType=='0' ? [$rules.common.name[0],$rules.common.validZN[原创 2018-11-02 15:09:28 · 1566 阅读 · 3 评论 -
elementui组件—— el-scroll的使用
项目开发中使用到了elementui组件,后期发现浏览器中的滚动条不仅占宽,还与页面暗色风格不搭配。于是打算寻找一款插件使用,而elementui中的scroll组件刚好满足需要而且兼容ie10+。官网侧边栏中scroll的使用截图使用方法直接在页面中调用el-scroll组件<el-scrollbar style="height: 325px;width: 300px;"...原创 2019-08-29 14:39:49 · 15176 阅读 · 0 评论