elmentui
du_独孤九剑
这个作者很懒,什么都没留下…
展开
-
NavMenu 导航菜单 页面刷新 还是选中当前页
<el-menu default-active="$route.path" //当前激活菜单的 index exact // 精确匹配 class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="#545c64" text-color="#fff" active-text-color="#原创 2021-01-08 15:50:56 · 570 阅读 · 0 评论 -
ElementUi form表单验证一
ElementUi form表单验证 一:model 进行数据的双向绑定的:rules 和 prop 对数据进行验证ref 调用表单组件内的自定义方法required 是否必填message 提示信息min: 规定字符的长度trigger: 触发验证规则的方式type: 数据的类型<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleFo原创 2020-12-22 14:50:52 · 93 阅读 · 0 评论 -
ElementUi form表单验证 二
ElementUi form表单验证validator 是一个函数, 其中有三个参数 ( rule(当前规则),value(当前值),callback(回调函数))var func = function (rule, value, callback) { // 根据value进行进行校验 // 如果一切ok // 直接执行callback callback() // 一切ok 请继续 // 如果不ok callback(new Error("错原创 2020-08-21 16:09:56 · 573 阅读 · 0 评论 -
this.$refs[formName].validate无效
this.$refs[formName].validate((valid) =>{} 无效确保每一个prop都写在标签上eg: 每一个 if 都要对应了一个 else 并且每个条件 下 都要 callback 确保 在不同情况下 都会执行callback打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form。查看绑定的元素是否写对如果前都没有问题,那么就是你的自定义的校验有问题,没有走通,这也是我踩过的坑。你可以依次注释掉的一个校验原创 2020-08-17 10:11:46 · 2386 阅读 · 1 评论