element
bobobocai
这个作者很懒,什么都没留下…
展开
-
element ui -- 表单验证字段必须是数字但是非必填
在使用element UI框架开发某个项目时,使用el-form组件,进行表单验证时,设置了required为false,如下所示: 但是,在提交表单的时候由于没有输入内容,表单提交不成功. 把代码修改如下,提交成功 ...原创 2018-07-20 14:41:33 · 12712 阅读 · 0 评论 -
Vue报错(element UI) -- Unknown custom element:
报错信息: 原因: 没有引入相关代码 解决:原创 2018-07-31 14:52:47 · 36751 阅读 · 1 评论 -
Vue报错(element UI):type check failed for prop "uniqueOpened". Expected Boolean, got String.
报错信息:报错代码:报错原因:期望布尔值,得到字符串解决方法:原创 2018-08-07 10:39:46 · 30653 阅读 · 3 评论 -
element ui -- 表单验证 this.$refs[formName].validate()里面的内容不执行
问题:在做表单验证 this.$refs[formName].validate()里面的内容不执行 解决方案:1、首先确保每个验证函数一定调用了callback()函数,在验证不通过、通过时都要调用callback()函数,这里return callback()与callback()都可以; 2、如果还是有问题,再打印this.$refs[formName]如果为空说明调用...原创 2018-07-04 15:36:54 · 17043 阅读 · 11 评论 -
element UI -- 默认样式修改不成功的问题
有的时候element提供的默认的样式不能满足项目的需要,就需要我们队标签的样式进行修改,但是发现修改的样式不起作用 原因:scoped 解决方法:去掉scoped 注意:此时该样式会污染全局样式,可以把它放在公共的css里面 为了不让所有的 el-input标签都是该样式,可以在HTML给改input加上一个类名,比如 modInput ...原创 2018-08-20 16:15:45 · 33795 阅读 · 9 评论 -
element UI -- Dialog关闭后清除验证条件
表单新建好之后,通常需要清除表单的验证条件和输入的内容 这时我们就用到了element Dialog的close事件,是关于Dialog关闭时的回调 <el-dialog title="添加用户" :visible.sync="addShow" class="maintain" @close="closeDialog('addForm')"> <el-form...原创 2018-08-31 15:18:30 · 5120 阅读 · 0 评论 -
element UI -- 引入第三方图标
一、登录阿里巴巴矢量图标库 https://www.iconfont.cn/二、选择需要的图标,添加至项目三、进入我的项目,下载图标至本地在下载之前编辑项目四、点击下载到本地 会下载一个download.zip五、在src/assets 下 新建一个 icon文件夹,把解压后的文件放到icon文件夹六、打开iconfont.css添加 代码 [class^=&quot;icon-u...原创 2019-02-19 14:20:45 · 1912 阅读 · 0 评论 -
Vue报错(element UI):Cannot read property 'resetFields' of undefined
报错信息:报错代码:问题描述:Vue + element 开发,一个 Dialog 表单多次使用 ,为了清空 Dialog 表单数据, 使用了 this.$refs[formName].resetFields()每次第一次点击显示 Dialog,都会报错报错原因:mouted加载table数据以后,隐藏的 Dialog 并没有编译渲染进 dom 里面。所以当通过点击事件,Dia...原创 2019-06-11 15:01:44 · 12133 阅读 · 2 评论 -
Vue报错(element UI): the "scope" attribute for scoped slots have been deprecated and replaced by "slot
报错信息:报错代码:报错原因:从2.5开始,已弃用作用域插槽的“scope”属性,并用“slot-scope”替换。除了之外,新的“slot scope”属性还可以用于普通元素,以表示作用域插槽解决方法:用 “slot-scope” 代替 “scope”...原创 2019-09-11 10:05:59 · 1900 阅读 · 0 评论