
elementui
woshidamimi0
这个作者很懒,什么都没留下…
展开
-
elementui关闭弹窗清空表单验证 清空表单
给form添加一个ref属性 <el-form ref="paper"></el-form> 调用方法,注意先清空验证再清空表单,这样就可以清除自定义的表单验证器了。 this.$refs.paper.clearValidate(); this.$refs.paper.resetFields();...原创 2019-01-17 11:42:05 · 9138 阅读 · 4 评论 -
elementui把上传的图片转为base64
使用组件,然后on-change绑定一个方法来获取文件信息,auto-upload设置为false即可 <el-upload action='' :on-change="getFile" :limit="1" list-type="picture" :auto-upload="false"> <el-button size="small"原创 2019-01-08 16:45:18 · 19333 阅读 · 11 评论 -
怎样让elementui表格里面的文字不换行,溢出隐藏,tooltip显示内容
通过设置elementui表格的列属性即可:show-overflow-tooltip="true"然后当超出的时候鼠标经过就有提示了原创 2019-05-18 16:43:22 · 19899 阅读 · 8 评论 -
vue项目怎样使用elementUI的树形组件 tree组件
在模板中使用el-tree标签 给data属性绑定树形结构数据即可 <el-tree :data="treeData"></el-tree>接着在data中编写数据 treeData: [ { label: "java", children: [] }, { ...原创 2019-07-20 15:13:45 · 15260 阅读 · 3 评论 -
elementUI表格 table怎样自定义列单元格的内容 一列放多列的字段
按照elementUI官网的代码看,得出最普通的样式是这样如果想要给列表的内容添加一些自定义内容,那就需要slot-scope了如图所示scope.row就包含了每行的对应字段通过这个row取出里面的值即可更多内容可以去elementUI官网复制粘贴然后修改,多思考,多看文档https://element.eleme.io/#/zh-CN/component/ta...原创 2019-09-11 08:30:57 · 11488 阅读 · 0 评论 -
怎样自定义elementUI的tree树形组件的图标
首先使用el-tree组件,然后定义好data数据,可以看到里面有自定义设置的icon字段,就是用来存放对应的图标的类名的然后用插槽来把图标插入进去,图标的类可以在data里面获取,如果需要还可以给这个icon绑定事件然后把原来el-tree的图标隐藏掉,注意必须重写element原来的样式,而且要设置为全局样式来覆盖(也就是不加scoped)我这里就加一个自定义的类进行限制,防...原创 2019-09-19 08:11:20 · 12004 阅读 · 7 评论 -
elementui tree怎样设置默认勾选
在树形菜单数据里面设置一个唯一的字段,这里我的就是id字段然后设置node-key为那个唯一字段 然后用default-checked-keys绑定一个数组这个数组里面就是需要勾选的菜单所对应的的id,比如我这里的是9这样运行之后菜单就会把id为9的树形菜单给勾选上了哦。...原创 2019-09-29 08:16:47 · 10026 阅读 · 3 评论