element UI
辣姐什么鬼
这个作者很懒,什么都没留下…
展开
-
Vue+Element 用同一个el-dialog弹框完成新增和编辑操作
在实际业务中我们往往选择用同一个弹框组件来同时实现新增和编辑操作。但el-dialog弹框的visible.sync设置显示和隐藏往往带来很多额外的工作:处理数据的变更,带校验表单的内容移除和校验清除等 这需要我们在各种隐藏的bug里耗费很多精力,处理难度会随着表单内容复杂程度的增加不断提高。(实际业务场景中经常出现非常复杂的表单页面)下面的例子使用v-if既保证数据干净每次都是新弹框不存在数据遗留和互相污染,又保留弹框弹出效果让整个调用逻辑非常简单不用担心...原创 2020-05-22 11:14:19 · 21401 阅读 · 10 评论 -
Element 树形控件el-tree在实际项目中的应用demo
整理了一下Element树形控件el-tree在实际项目中的完整应用代码,包括样式和功能都有做处理,基本包括以下内容:样式已初步编写,可直接应用 el-tree的滚动条出现及样式 限制节点宽度,超出省略号并添加title 节点前图标及样式 支持关键字筛选树 默认选中根节点 可进行节点添加、编辑、删除 支持默认展开N级树 可根据实际需要增删功能基本实现效果如下:完整代码如下,可直接新建vue文件复制代码运行查看效果:目前我能想到的实际项目功能就这些,有额外的功能需求的可以原创 2020-05-21 17:21:15 · 2065 阅读 · 0 评论 -
element-ui的el-select如何回显value对应的label值
写在这里只为一个记录,感谢原作者分享,原作者地址:https://segmentfault.com/a/1190000016737140?_ea=4798728原因是value的格式存在问题,数据库读取到的数据不一定为number或string类型需要自己转换一下总结: 显示不正常 多数是由于得到的数据类型对应不上表单操作的数据类型 进行相应转换即可即:option的value值如果...转载 2018-11-28 11:43:47 · 20525 阅读 · 1 评论 -
vue+elementUI(el-upload)图片压缩,默认同比例压缩
这个需求针对用户上传手机拍摄照片等不便修改图片大小的情况,我们允许上传10M以内的图片由前端对图片进行压缩再传给后台存储,结合elementUI的el-upload组件实现图片上传功能(简单来说就是用户是老大)1、提取出压缩方法,放在公共方法.js文件里/** 图片压缩,默认同比例压缩 * @param {Object} fileObj * 图片对象 * 回调函数有一个参...原创 2018-12-06 16:54:44 · 15011 阅读 · 29 评论 -
vue+elementUI+echarts使用过程中遇到的坑--个人总结(不定时更新)
最近在用vue,_(:3」∠)_腥风血雨啊,这里总结一些学习使用过程中遇到的坑,因为是学习中所以会一直更新总结目前是webpack下开发 1、图片的地址要用require(补充:当你的图片资源放在src目录下的话需要)navList:[ {src:require('../assets/home.png'),txt:"首页",href:"#" }]设置background...原创 2018-04-25 10:16:50 · 20373 阅读 · 6 评论