随笔分类 -  element

element-plus Cascader 级联选择器实现点击文本选择之后懒加载失效
摘要：el-cascader 级联选择器 点击文本选中主要是修改radio标签样式，直接上代码 vue <el-form-item label="区域"> <el-cascader v-model="queryParams.areaId" ref="cityTree" @change="queryList 阅读全文
posted @ 2023-03-14 16:53 _只码农 阅读(1331) 评论(0) 推荐(0)
el-switch通过发送请求结果修改状态
摘要：通过v-model判断是否为true，不通过active-value和inactive-value判断。比较简单，所以直接上代码 <el-table-column label="服务状态"> <template slot-scope="scope"> <el-switch v-model="scop 阅读全文
posted @ 2023-01-04 14:57 _只码农 阅读(1076) 评论(0) 推荐(0)
el-table表头斜线
摘要：在做项目是接到一个需求，表头第一个单元格斜线分割，效果如下图 刚开始把我弄得有点懵，然后去element官网看了看文档，发现el-table支持自定义表头，那问题就好解决了，直接上代码 注意el-table列宽是自适应，当宽度不一致时会导致斜线位置不对，解决办法就是给需要的列添加width HTML 阅读全文
posted @ 2022-11-18 10:29 _只码农 阅读(1334) 评论(0) 推荐(0)
elementUi Dialog组件和v-viewer图片预览组件层级问题
摘要：在开发中发现dialog组件和viewer组件一起使用时，多点几次dialog就会把viewer组件挡住， 打开调试发现每次点击预览时dialog默认z-index是2000，并且每次点击dialog都会自动递增2，但是viewer预览的默认是2015， 所以会出现以上问题，解决方法也很简单， 在引 阅读全文
posted @ 2022-05-19 13:35 _只码农 阅读(888) 评论(1) 推荐(0)
elementUi upload 删除文件缩略图
摘要：HTML： <el-upload action="#" :before-upload="handleBeforeUpload" :on-change="handleFileChange" list-type="picture-card" :auto-upload="false" ref="uploa 阅读全文
posted @ 2022-03-18 14:18 _只码农 阅读(915) 评论(0) 推荐(0)
el-selsect实现三级联动
摘要：html： 数据结构如下： 可以使用el-select自带函数chang，获取返回的value值，使用find函数去查找与value值对应的数据 handleSelectChange1(e) { this.areaForm.selectSecondColumnObj = this.areaArr.f 阅读全文
posted @ 2021-11-16 11:06 _只码农 阅读(278) 评论(0) 推荐(0)