vue
黑魔仙小拓
这个作者很懒,什么都没留下…
展开
-
html2canvas的应用
可以解决html2canvas的一些常见的坑,分页截断,页面太长导致的空白,生成的pdf无法预览。原创 2023-04-06 10:50:46 · 361 阅读 · 0 评论 -
vue实现组件隔代通信(在孙组件调用爷组件的方法)
以关闭弹框为例,在孙子弹框中同时关闭爷弹框与父弹框原创 2022-07-07 15:57:06 · 1538 阅读 · 0 评论 -
el-table点击单元格出现input框可编辑
<el-table :data="data" border style="width: 100%" :cell-class-name="tableRowClassName" @cell-click="handleRowClick" > <el-table-column min-width="120px" align="center" ..原创 2022-05-25 15:00:01 · 1432 阅读 · 0 评论 -
vue中根据文件路径导出文件
返回的文件路径格式大概是:http://avwps.com//uploads/equipment/2022/05/20220506145125006.doc let url = row.reportFile;//返回的文件路径 const a = document.createElement("a"); a.href = url; a.download = "统计报告.doc"; // 下载后文件名 //不让它跳转在当前页面直接下载 a.st.原创 2022-05-12 16:37:40 · 1127 阅读 · 0 评论 -
前端实现分页切换
Tab栏展示时数据过多,进行分组切换第一种方法//定义数据//分组后的数据 groupedArray: [], //显示的数据 waterArray: [], // 每页显示的数量 pageSize: 3, // 共几页 pageNum: 1,//总数据waterList: [],// 默认当前显示第一页 currentPage: 0,//根据煤业显示的数量计算出页数 this.pageNum = Math.ceil(this.waterList.length /原创 2022-05-12 16:25:33 · 911 阅读 · 0 评论 -
css实现时间轴样式年份选择器
效果图<div class="right"> <span class="label">评价周期</span> <ul class="year-list"> <li v-for="(year, index) in years" :key="index"> <label :class="{ active: currentYear === year }"原创 2022-02-22 15:46:55 · 706 阅读 · 0 评论 -
百度.js添加圆形覆盖物并跟随中心点移动
// 修改经纬度 changeCenter(zooms) { this.map.centerAndZoom( new BMap.Point(this.addForm.longitude, this.addForm.latitude), zooms || this.map.getZoom() ); }, // 获取并设置地图中心点 getMapCenter() { var pos = this.map.get.原创 2021-10-26 14:10:00 · 457 阅读 · 0 评论 -
el-table合并指定列相同内容的单元格
element ui官方文档给到的介绍 // 获取合并行 getSpanArr(data) { this.spanArr = []; //第一列合并 let pos1 = 0; for (let i = 0; i < data.length; i++) { if (i === 0) { // 如果是第一条记录(即索引是0的时候),向数组中加入1 this.spanArr.push(1); //第一列原创 2021-12-21 09:19:57 · 489 阅读 · 0 评论 -
vue点击选中,再次点击取消
举个栗子:在el-calendar中单击选中,再次点击取消选中可以定义一个变量,用他的值作为判断,如果与点击日期相等,就是取消选中// 点击查询当天记录 handleHoliday(date, data) { const { day } = data; if (this.clickTime === day) { //定义变量clickTime this.findWorkList(this.currentDate); this.fi原创 2021-12-03 16:28:29 · 1605 阅读 · 0 评论