会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
夏小夏吖
奇迹是对梦想的念念不忘~
博客园
首页
新随笔
联系
订阅
管理
2025年7月18日
el-table表格持久化选择功能完善
摘要: <template> <div class="dual-table-container"> <!-- 上方表格 - 已选中的数据 --> <div class="upper-table-section"> <div class="section-header"> <h3>已选中的数据</h3> <e
阅读全文
posted @ 2025-07-18 14:59 夏小夏吖
阅读(21)
评论(0)
推荐(0)
2025年6月13日
vue echarts 柱状图+折线图,根据预测值,如果预测值的type值为1,则柱子变虚线框,折线只留实心点,不显示两端线段。
摘要: 因为echarts不允许在同一个折线图上,修改操作不同数据的线段,因此要曲线求国 ✅ 实现策略:1. 柱状图部分:使用 itemStyle 设置:type == 1 → color: transparent(透明填充)+ borderColor: 'blue'(虚线框)+ borderType: '
阅读全文
posted @ 2025-06-13 09:37 夏小夏吖
阅读(70)
评论(0)
推荐(0)
2025年5月22日
vue+elementui el-table,解决无论如何翻页,之前页码勾选过的数据依然是选中状态(表格翻页数据持久化)
摘要: <template> <div class="persistent-table-container"> <div class="bg-white rounded-lg shadow-md p-6 mb-6"> <!-- 接口返回的数据 --> <div> <el-table ref="tableRe
阅读全文
posted @ 2025-05-22 09:55 夏小夏吖
阅读(225)
评论(0)
推荐(0)
2025年5月12日
ECharts柱状图自定义lenged 图例图标使用vue项目中assets下的的图片
摘要: <template> <div> <div ref="barChart" style="width: 800px; height: 600px;"></div> </div> </template> <script> import * as echarts from 'echarts'; impor
阅读全文
posted @ 2025-05-12 09:34 夏小夏吖
阅读(108)
评论(0)
推荐(0)
2024年7月18日
vue element ui 简单表格下钻逻辑浅记
摘要: 在 Vue.js 中结合 Element UI 来实现点击表格字段跳转到对应字段的表格,并使用面包屑导航以方便用户随时跳回之前的层级,可以通过以下步骤来完成: 步骤 1: 准备数据结构 首先,你需要一个嵌套的数据结构来表示不同级别的表格数据。例如: const data = [ { id: 1, n
阅读全文
posted @ 2024-07-18 10:03 夏小夏吖
阅读(313)
评论(0)
推荐(0)
2024年7月3日
vue elementUI el-tree 下拉树功能(包括搜索/默认高亮/展开下拉框默认定位于选中项的位置)
摘要: <template> <div> <el-form :model="formData" ref="refFormData" label-width="180px"> <el-form-item label="景点" prop="location_id"> <el-select v-model="fo
阅读全文
posted @ 2024-07-03 15:38 夏小夏吖
阅读(1781)
评论(0)
推荐(0)
2024年6月12日
vue PDF预览——vue-pdf用法
摘要: 第一步 引入vue-pdf npm install --save vue-pdf 第二步 页面中使用 <template> <div> <button @click="open">打开PDF</button> <el-dialog title="PDf预览" :visible.sync="dialo
阅读全文
posted @ 2024-06-12 10:07 夏小夏吖
阅读(1914)
评论(1)
推荐(1)
2024年4月19日
vue 给不同组件数据添加千分位符且保留两位小数
摘要: 方法一:使用filter过滤器的方法给普通元素添加千分位符且保留两位小数 <template> <div class="app-container"> {{ obj | modifyObject }} {{ obj1 | modifyObject }} </div> </template> <scr
阅读全文
posted @ 2024-04-19 14:19 夏小夏吖
阅读(1537)
评论(0)
推荐(1)
2024年3月18日
vue3创建项目
摘要: vite + vue3 的方式 1. 把基于vue2的create创建vue的src整个复制粘贴到基于vite的项目中 2. 把create创建的package.json中的 "dependencies": { "core-js": "^3.6.5", "vue": "^3.0.0", "vue-r
阅读全文
posted @ 2024-03-18 17:00 夏小夏吖
阅读(25)
评论(0)
推荐(0)
2024年1月22日
Echarts 点击某个按钮,出现自定义弹窗并且带有图表
该文被密码保护。
阅读全文
posted @ 2024-01-22 16:50 夏小夏吖
阅读(0)
评论(0)
推荐(0)
下一页
公告