随笔分类 -  elementui

摘要:1.表格标签 <el-table :data="costList" border :height="tableHeight"> 2.具体实现 const tableHeight = ref(500); const settingsStore = useSettingsStore(); // 此方法 阅读全文
posted @ 2024-12-16 17:31 行走的蒲公英 阅读(98) 评论(0) 推荐(0) 编辑
摘要:1.效果图 2.具体代码 给表格标签加上 show-summary :summary-method="getSummaries" 合计方法: import { h } from 'vue'; const getSummaries = (param) => { const { columns, dat 阅读全文
posted @ 2024-12-16 17:27 行走的蒲公英 阅读(150) 评论(0) 推荐(0) 编辑
摘要:1. 在使用element plus表格操作按钮,使用v-if,作用元素, 出现如下报错:ElementPlusError: [ElOnlyChild] no valid child node found 代码如下: <el-table-column label="操作" align="center 阅读全文
posted @ 2024-07-30 15:05 行走的蒲公英 阅读(1466) 评论(0) 推荐(0) 编辑
摘要:1.实现效果: elementplus 图片预览组件,自定义增加一个下载按钮,以及下载功能,如图 2. 使用的vue3 和 element plus版本 "element-plus": "2.7.6", 3. 具体代码: (1)使用#viewer插槽: <el-image :title="点击预览" 阅读全文
posted @ 2024-07-29 17:31 行走的蒲公英 阅读(897) 评论(0) 推荐(0) 编辑
摘要:// 去掉 type="number" 后方箭头 :deep(input::-webkit-outer-spin-button) { -webkit-appearance: none !important; } :deep(input::-webkit-inner-spin-button) { -w 阅读全文
posted @ 2024-07-19 10:29 行走的蒲公英 阅读(31) 评论(0) 推荐(0) 编辑
摘要:已解决 、请检查页码pageNum和pageSize数值类型,必须是number才能正确显示,因为路由携带转换成了string导致显示bug。 阅读全文
posted @ 2024-07-11 16:07 行走的蒲公英 阅读(12) 评论(0) 推荐(0) 编辑
摘要:1. 效果如下: 弹框头部定制背景色;关闭按钮和标题对齐;鼠标悬浮关闭按钮颜色变浅。 2. 用到element-plus版本: "element-plus": "2.7.6", 3.具体思路: 整个弹框的背景色改成蓝色,padding:0; header、body、footer背景色改成白色,字体黑 阅读全文
posted @ 2024-07-08 11:01 行走的蒲公英 阅读(692) 评论(0) 推荐(0) 编辑

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