elementUI
vue elementUI
学习前端的渣渣
正在学习前端的渣渣
展开
-
elementUI中el-upload的使用以及遇到的坑(手动上传案例)
做项目时遇到一个需求,支持同时上传多个图片。element-ui 的 upload 组件支持多选文件,只需要配置参数 multiple 为 true 即可。但是这个组件默认会将多选的文件分多次进行上传,于是就会存在多次的上传请求(即同时上传3个文件,会同时调用3次上传接口,如图),由于后台的接口要求是一次请求能够上传多个文件,且我们也知道请求多了会对服务器造成更大的压力。那么就要想办法解决上诉问题,也就是说无论用户同时上传多少个文件,都只调用一个上传接口。原创 2023-06-26 11:39:44 · 10619 阅读 · 1 评论 -
elementUI中使用tooltip遇到的坑
按理来说disabled属性写在el-tooltip上会影响其可用性,但是万万没想到写在button上的disabled属性也会造成影响…在el-button外边嵌套了一个div,这样子操作能避免了el-button的disabled属性对el-tooltip显示的影响。原创 2023-04-25 16:08:21 · 3641 阅读 · 1 评论 -
.vue2+elementUI的实现表格导出以及遇到的问题
后面在网上查找,说是下载依赖版本的原因,然后将原来的卸载了,重新下载了一下版本,发现就没有这个问题了。按照这样的步骤编写代码之后,发现会出现这个错误。原创 2023-04-14 11:44:48 · 473 阅读 · 0 评论 -
element-ui中Dialog 对话框嵌套form表单使用label-width=“auto“遇到的坑
Dialog 对话框嵌套form表单,弹出框中的表单使用label-width=“auto”属性,在离开页面的时候就会报错(虽然不影响使用,但是控制台报错看着很烦)因为项目中auto需要auto达到自适应效果,所有只能采用第二种方法。但是Dialog 使用的又是v-show来控制的显示与隐藏,这又怎么修改为v-if呢。在网上查阅了很多,主要提供了两个办法。然后又在网上查找解决办法,例如。原创 2023-04-06 18:23:04 · 1434 阅读 · 0 评论 -
element-ui在下拉选项框中添加一个按钮,实现子选项的添加
【代码】element-ui在下拉选项框中添加一个按钮,实现子选项的添加。原创 2023-03-28 16:59:40 · 1637 阅读 · 0 评论 -
vue element-ui el-input输入框绑定@keyup.enter回车事件无效
由于element-ui把input进行了封装,input外面是多一层div的。所以对于el-input,使用 @keyup.enter是无效的,需要加上。或者也可以直接input标签。原创 2022-11-21 12:00:21 · 5319 阅读 · 0 评论 -
vue2+ElementUI二级联动下拉框组件的简单封装
【代码】vue2+ElementUI二级联动下拉框组件的简单封装。原创 2022-09-06 15:18:31 · 1378 阅读 · 0 评论 -
elementUI如何实现按需引入和全局引入?
【代码】elementUI如何实现按需引入和全局引入?原创 2022-09-19 13:36:15 · 878 阅读 · 1 评论 -
Vue使用Element的级联选择器Cascader,选中后下拉框自动关闭
在级联选择器@change方法中,监听变化,首先添加一个ref=“cascaderHandle”,在@change绑定的方法中监听:this.$refs.cascaderHandle.dropDownVisible = false;原创 2023-03-23 18:33:27 · 2267 阅读 · 0 评论 -
element-ui使用Cascader 级联选择器遇到的问题
方法1:将radio隐藏,扩大选中区域,点击红色框的区域选中值,点击箭头所在蓝色框的区域,展示子选项。方法2:修改次级菜单的展开方式,默认的是‘click’,鼠标移入时展示子选项。具体为啥不知道,然后通过百度尝试了各种方法解决了这个问题。,但是这种方式,当嵌套过深的时候,体验就不是很好。原创 2023-04-11 17:00:01 · 1168 阅读 · 3 评论