Misko的博客

单纯改变v-model值会有下面的情况，保留了上次的选择路径，与需求不符，所以针对这种情况做了下级联面板的重置。在官网demo基础上做修改（代码1），增加ref。新增个按钮做重置操作（代码2）// 代码1<div class="block"> <span class="demonstration">默认 click 触发子菜单</span> <el-cascader ref="cascader" v-model="value

elementui： v2.12.0主要方法： toggleRowExpansion方法名说明参数toggleRowExpansion用于可展开表格与树形表格，切换某一行的展开状态，如果使用了第二个参数，则是设置这一行展开与否（expanded 为 true 则展开）row, expanded使用： this.$refs.theTable.toggleRowEx...

做表单验证时，需要必填，然后判断账户是否为数字。出现一个bug如图。填写了正确的数值但是依旧一直提示为空。 后来发现问题出现在props验证和v-model值上，这两个必须为同一个参数且在data内声明了。 改为prop=&amp;quot;thatAccount&amp;quot;, roules 内的也改掉，成功执行了验证。form的几种验证方法：1.在单个的表单域上传递属性的验证规则。直接在具...

需求：上传图片，请求第三方接口（接口1：https://abcd.io/data/ocr/xxx.json?accountNo=xxx&amp;password=xxx）识别图中文字，获取返回值并填入表单中，最后传给后台 （接口2：http://192.168.160.149:8081/）

做项目时会涉及到很多表单，前台的表单验证就必不可少，很多公共的验证，比如：手机号、日期、身份证等，一套写下来也很费时间，完全可以写个公共方法myVal去校验，.vue文件通过:rules='$rules.myVal'调用。文章目录新建规则：common&amp;gt; rules&amp;gt;index.js挂载：main.js引入rules*.vue 调用新建规则：common&amp;gt; rules&amp;...

当弹框（dialog）中含有表单，要进行编辑、查看、新增操作，需要复用弹框，会涉及到清空表单数据。elementui官网中dialog部分有这么一句话：Dialog 的内容是懒渲染的，即在第一次被打开之前，传入的默认 slot 不会被渲染到 DOM 上。因此，如果需要执行 DOM 操作，或通过 ref 获取相应组件，请在 open 事件回调中进行。这里会遇到一个问题，先进行编辑再新增，使...

项目中有了一个公共的表单验证后，随着需求的深入，会有不同的输入要求，比如a页面的‘name’要求字符只能中文，&amp;amp;lt;el-form-item label=&amp;quot;员工姓名:&amp;quot; prop=&amp;quot;name&amp;quot; :rules=&amp;quot;demo.iDType=='0' ? [$rules.common.name[0],$rules.common.validZN[

项目开发中使用到了elementui组件，后期发现浏览器中的滚动条不仅占宽，还与页面暗色风格不搭配。于是打算寻找一款插件使用，而elementui中的scroll组件刚好满足需要而且兼容ie10+。官网侧边栏中scroll的使用截图使用方法直接在页面中调用el-scroll组件<el-scrollbar style="height: 325px;width: 300px;"...