随笔分类 -  element-ui plus

1
摘要:实测有效!!! 这里display:table-cell, 一定不要设置成block,很多博客都写设置成block,实测导致gutter外层占位莫名17px,还找不到地方修改 <style scoped lang="scss"> // 解决表头固定,出现错位问题 /deep/.el-table { 阅读全文
posted @ 2025-01-10 10:48 盘思动 阅读(110) 评论(0) 推荐(0) 编辑
摘要:现在vue的脚手架生成项目之后我们会发现index.html页面中。 在head标签中,我们会看到meta标签中有一条显示是 但是我们发现这条语句中只是让user-scalable=0,这是不让用户进行缩放。 可以页面会在两个手指进行放大!!! 可以页面会在两个手指进行放大!!! 可以页面会在两个手 阅读全文
posted @ 2025-01-09 17:02 盘思动 阅读(10) 评论(0) 推荐(0) 编辑
摘要:问题描述 需求:表格checkbox的这一列需要做显示隐藏控制,满足条件的才能显示这一列。 问题:在使用el-table的时候,遇到对el-table-column显示与隐藏的控制时,使用v-show不生效,使用v-if样式不对。 用v-if 标题栏样式走样,乱序 原因分析: v-show起作用的本 阅读全文
posted @ 2025-01-09 11:31 盘思动 阅读(91) 评论(0) 推荐(0) 编辑
摘要:原因有可能是点击搜索的时候在搜索里面通过代码去改变了current-page让分页回到第一页,但有可能element内部的页码数据未改变,因此当在此点击第二页的时候相当于页码未发生改变,current-change事件不触发(纯属个人想法) 解决方法 给分页加上一个控制显示和隐藏的变量 v-if=" 阅读全文
posted @ 2025-01-09 11:24 盘思动 阅读(35) 评论(0) 推荐(0) 编辑
摘要:https://blog.csdn.net/qq_40146789/article/details/127401322 阅读全文
posted @ 2025-01-03 15:28 盘思动 阅读(33) 评论(0) 推荐(0) 编辑
摘要:当然可以!你可以直接在 @input 事件中进行简单的处理,而不使用 methods。下面是一个更简洁的示例: <template> <el-input v-model="inputValue" @input="inputValue = inputValue.replace(/[^1-9]/g, ' 阅读全文
posted @ 2024-10-29 11:12 盘思动 阅读(671) 评论(0) 推荐(0) 编辑
摘要:现实开发中,遇到截止日期,跟着接口返回来确定的。需要用函数来实现disabledDate 这块知识,在手册文档写的也不详细。 这块实现基于element-ui 2.15.14 https://blog.csdn.net/hellowang02/article/details/131575982 阅读全文
posted @ 2024-08-20 17:19 盘思动 阅读(116) 评论(0) 推荐(0) 编辑
摘要:修改el-popover样式不生效问题 在最近公司写的项目中,使用到了el-popover,但是想要修改弹出层中文本的字体样式,尝试过很多方法之后,发现修改的样式都没有生效,查阅资料发现:el-popover比较特殊,他生成的div不在当前组件之内,甚至不在App.vue组件的div内,他和App. 阅读全文
posted @ 2024-07-24 19:36 盘思动 阅读(1318) 评论(0) 推荐(0) 编辑
摘要:![](https://img2023.cnblogs.com/blog/1202393/202308/1202393-20230829182654871-1880402926.png) * https://blog.csdn.net/qq_45821882/article/details/1323 阅读全文
posted @ 2023-08-29 18:27 盘思动 阅读(724) 评论(0) 推荐(0) 编辑
摘要:![](https://img2023.cnblogs.com/blog/1202393/202308/1202393-20230805181951315-1678572377.png) ![](https://img2023.cnblogs.com/blog/1202393/202308/1202 阅读全文
posted @ 2023-08-05 18:20 盘思动 阅读(13) 评论(0) 推荐(0) 编辑
摘要:### label ,相对于字符串,多加个`:` ![](https://img2023.cnblogs.com/blog/1202393/202308/1202393-20230804114529912-725068720.png) 阅读全文
posted @ 2023-08-04 11:45 盘思动 阅读(124) 评论(0) 推荐(0) 编辑
摘要:* 为了防止污染自组件的table,row,可以在 `::v-deep{}` 外层再加一个class ``` ::v-deep { .current-row{ td{ background-color:rgba(0, 191, 255, .35)!important; } } } ``` * htt 阅读全文
posted @ 2023-07-12 18:21 盘思动 阅读(630) 评论(0) 推荐(0) 编辑
摘要:![](https://img2023.cnblogs.com/blog/1202393/202307/1202393-20230712151308203-1750297543.png) 阅读全文
posted @ 2023-07-12 15:13 盘思动 阅读(138) 评论(0) 推荐(0) 编辑
摘要:``` ``` 阅读全文
posted @ 2023-06-26 15:33 盘思动 阅读(683) 评论(0) 推荐(0) 编辑
摘要:最近开发项目,页面中引入组件,2次展示,组件中生命周期都不调取,导致网组件中传的值不更新; <el-dialog v-dialogDrag title="巡检记录" :visible.sync="patrolItemVisible" :show-close="true" :close-on-pres 阅读全文
posted @ 2023-04-26 18:49 盘思动 阅读(297) 评论(1) 推荐(0) 编辑
摘要:手册文档介绍的场景过于简单,没有根据table里面内容来合并 <template> <div> <el-table show-summary :summary-method="getSummaries" :span-method="objectSpanMethod" :data="tableData 阅读全文
posted @ 2023-04-25 18:54 盘思动 阅读(160) 评论(0) 推荐(0) 编辑
摘要:vue中使用element-ui 报错如下,defaultExpandAll 关键词页面也搜不到 [Vue warn]: Invalid prop: type check failed for prop "defaultExpandAll". Expected Boolean, got String 阅读全文
posted @ 2023-04-21 16:35 盘思动 阅读(484) 评论(0) 推荐(0) 编辑
摘要:因为单独提交才好触发el-upload中的on-success函数 在 Vue 3 中,可以通过 ref 引用指向 upload 组件,然后使用该引用调用 upload 的 submit 方法来触发上传操作。具体实现如下: <template> <el-upload ref="uploadRef" 阅读全文
posted @ 2023-03-31 17:45 盘思动 阅读(1129) 评论(0) 推荐(0) 编辑
摘要:通过 active-value inactive-value设置开,关的值,原有的是boolean格式,后端一般不存boolean类型 https://blog.csdn.net/loveyou2015/article/details/113175624 阅读全文
posted @ 2023-03-29 15:34 盘思动 阅读(334) 评论(0) 推荐(0) 编辑
摘要:一般根据文档给到的demo,其中:visible.sync控制显示隐藏,我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- 阅读全文
posted @ 2023-03-28 14:33 盘思动 阅读(615) 评论(0) 推荐(0) 编辑

1
点击右上角即可分享
微信分享提示