摘要: <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)
摘要: 因为echarts不允许在同一个折线图上,修改操作不同数据的线段,因此要曲线求国 ✅ 实现策略:1. 柱状图部分:使用 itemStyle 设置:type == 1 → color: transparent(透明填充)+ borderColor: 'blue'(虚线框)+ borderType: ' 阅读全文
posted @ 2025-06-13 09:37 夏小夏吖 阅读(70) 评论(0) 推荐(0)
摘要: <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)
摘要: <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)
摘要: 在 Vue.js 中结合 Element UI 来实现点击表格字段跳转到对应字段的表格,并使用面包屑导航以方便用户随时跳回之前的层级,可以通过以下步骤来完成: 步骤 1: 准备数据结构 首先,你需要一个嵌套的数据结构来表示不同级别的表格数据。例如: const data = [ { id: 1, n 阅读全文
posted @ 2024-07-18 10:03 夏小夏吖 阅读(313) 评论(0) 推荐(0)
摘要: <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)
摘要: 第一步 引入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)
摘要: 方法一:使用filter过滤器的方法给普通元素添加千分位符且保留两位小数 <template> <div class="app-container"> {{ obj | modifyObject }} {{ obj1 | modifyObject }} </div> </template> <scr 阅读全文
posted @ 2024-04-19 14:19 夏小夏吖 阅读(1537) 评论(0) 推荐(1)
摘要: 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)
该文被密码保护。 阅读全文
posted @ 2024-01-22 16:50 夏小夏吖 阅读(0) 评论(0) 推荐(0)