- 博客(18)
- 资源 (2)
- 收藏
- 关注
原创 el-table 多级表头拖拽
基于Vue框架的表格组件,实现了多级表头表格列拖拽的功能。它包含一个el-table表格和一些el-table-column表格列,其中el-table-column还包含子列el-table-column。通过动态数据绑定渲染表格头部和内容。
2023-10-30 14:19:37 336 2
原创 html2canvas +pdf 生成pdf 里面有地图时 生成空白
我这里是先通过html2canvas转图片 然后生成15张pdf的报告 里面有四个地图 生成是空白的 刚开始设置延时能处理地图加载 但是设置延时又感觉不太友好 网上找了很多都没有遇到我这种情况这种 处理方案如下 留给后人参考:相关参考链接HTMLCanvasElement.getContext() - Web API 接口参考 | MDN。
2022-09-07 09:57:22 836 1
原创 vue @click 多次触发解决
场景:提示:同事写了个普通的点击事件:例如:@click="xxx"xxx是点击事件要执行的 结果每次点击就会触发两次问题描述提示:这里描述项目中遇到的问题:。解决方案:提示:这里填写该问题的具体解决方案:例如:@click="xxx($event)"xxx(e){e.preventDefault();}当然 如果你是一次性的不需要多去触发去更新状态 可以用vue的 v-on:click.once="xxx" xxx就是对应的点击方法...
2022-05-25 18:42:59 8750 4
原创 kropan 在vue项目中的使用
记录使用krpano开发日常问题记录:例如:vue往xml传递信息 xml展示 krpano维护vue与xml之间的交互vue页面塞值:initvarsembedpano({ swf: "./static/krpano/tour.swf", xml: "./static/krpano/tour.xml", target: "pano", html5: "auto",
2022-04-27 13:59:14 491
原创 【el-input | el-select 调用浏览器默认的用户名密码如何处理】
项目场景:例如:项目中很多情况 用到el-inputel-select单有时间 他会调取浏览器默认保存的用户名密码出来就很不爽,网上找了很多方法没一个靠谱的 ,反正我试了都不行都不能完美解决这个问题。如图:问题描我们通常写法如下:提示:这里以el-select为实例input同理<template> <el-select v-model="value" multiple filterable remote ...
2021-12-20 14:58:51 1182 2
原创 js 如何判断一个对象是否为空
项目场景:提示:前端需要根据后端返回 来判断是否有对应内容 来控制页面展示:例如:后端返回数据格式data:{}解决方案:提示:Object.keys() - JavaScript | MDN:例如:if(Object.keys(data).length >0){ //这里代表data里有数据 }else{ //这里代表data没有有数据 }...
2021-10-19 15:25:34 145
原创 uniapp 微信小程序实现走势图生成图片分享
项目场景:提示:当前页面分享时 把走势图生成一张图片 并且生成图文分享分享出去:效果图:走势图部分:提示:这部分是走势图部分的代码html:<view class="qiun-charts" > <canvas canvas-id="qykccanvasMixid" id="qykccanvasMixid" class="charts" @error="error" @touchstart="touchMi...
2021-10-15 16:17:46 1476
原创 uni微信小程序解决canvas层级过高问题
1.通过控制显示隐藏来控制:提示:这种情况属于我们的canvas跟 影响的快有交集而且两个不同时存在:例如:下图场景 我的走势图跟我的选项框 这种场景我们可以通过控制显示隐藏来处理层级问题2.修改组件:提示:小程序每块内容都是一个view二普通的view又没有canvas权限过高这时候我们需要换些权限比较高的标签来实现:例如:cover-view cover-image用这个替代view 跟 im...
2021-10-15 15:38:08 1126
原创 el-select label为空会显示value作为下拉框
项目场景:el-select:例如:label为空时会默认取value:解决方案:提示:这里填写该问题的具体解决方案:我是给他个默认的label值(toStr): <el-option v-for="item of xqList" :label="toStr(item.label)" :value="item.value" :key="item.value"></el-option>toStr(str){ let data i
2021-10-15 14:55:46 1485
原创 el-select获取选中的 label跟 value
前言提示:在开发业务场景中我们通常遇到一些奇怪的需求:例如:el-select业务场景需要同时获取我们选中的label跟 value。一、方案如下:1.给el-select加上ref ='mySelected'代码如下(示例):<el-select v-model="value" placeholder="请选择"> <el-option ref = ‘mySelected’ v-for="item in options" ..
2021-10-11 10:57:36 8429 2
原创 js仿照 蚂蚁森林 效果
如图js仿照蚂蚁森林效果css**葫芦籽动画效果*//* animation */.a-swing{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}.bottle-fadeIn1{-webkit-animation:.8s ease...
2019-08-19 17:29:40 6501 5
js仿照 蚂蚁森林 效果
2021-03-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人