- 博客(14)
- 收藏
- 关注
原创 luckysheet 初始化渲染问题
excel老折磨了,好不容易找到个看起来挺好用的开源插件,结果BUG也还挺多……luckysheet的初始化渲染,往data里面填值后,他只拿data的v(真实值),不拿data的m(显示值)来渲染,这就造成了比如我做了个显示值为“名字”,真实值为"name"的单元格,然后利用初始化方法luckysheet.create(option)传进的option.data中来进行初始化渲染时,所有单元格都只会渲染真实值。翻看源码m直接取了value,value是处理过的v所以可以这么做1、上送接口存的时候
2022-04-18 15:43:44
4844
1
原创 element自定义校验
<el-form ref="formData" :rules="rules"> <el-form-item label="非自定义校验:" prop="testNormal"> <!-- 随便是啥都行 -- > </el-form-item> <el-form-item label="自定义校验:" prop="testField"> <!-- 随便是啥都行 -- > </el-form-item><
2022-03-22 15:58:27
967
原创 JS监听安卓软键盘删除键
web前端开发去整移动端页面真实老折磨了@input反正不论是什么dom肯定都能触发的,那就在input的回调里面看输入类型这次需求要做光标定位,得上selection和range那一套所以用的是div,但是input也是OK的然后这个东西好就好在IOS也是兼容的<div type="text" @input="onInput" contenteditable="true"></div>onInput(event) { if(event.inputType == 'de
2022-01-19 16:14:31
3194
原创 van-swipe停止自动播放
官网上的autoplay属性只说明是自动播放属性,没有说明如何关闭自动播放,试了下输0发现停止了,有点不放心就去翻了下源码watch( () => props.autoplay, (value) => { if (value > 0) { autoplay(); } else { stopAutoplay(); } });可以看到当autoplay为0的时候是停止自动播放,且autoplay: { type: [Nu
2021-11-09 16:39:41
1936
原创 枚举两个日期间的月份(YYYYMM)
changeDate(val) { //val: 2021-01,2022-08 let [startDate, endDate] = val let [startYear, startMonth] = startDate.split('-') const result = new Array() while (true) { if(startDate == endDate){ result.push(endDate.split('-').join(''
2021-10-21 14:33:03
175
原创 自定义双小数输入框关联校验
<template> <el-form-item :label="data.controlname"> <el-form :model="model[data.id]" :ref="data.id"> <el-form-item class="Nrowtd w85 blank_formItem" prop="rangemin" :rules="[ {
2021-09-24 09:30:26
90
原创 element-ui的v-loading不生效
按照官方文档引入Loading后,全局引入位置加Vue.use(Loading.directive);
2021-08-25 14:06:07
9506
2
原创 百度地图API自定义覆盖物渲染
记一下自定义覆盖物渲染代码,部分代码是抄官方demo的作业/** * 环境 vue2.x + webpack*/// 先整个js类,继承百度MAP的Overlayexport default class CustomizedOverlay extends BMap.Overlay{ constructor(point, self, data) { super(); this._point = point; this._self = self;
2021-07-26 11:11:48
823
2
原创 百度地图API的图层zIndex问题
使用百度地图API整多覆盖物渲染的时候,老是会出现”A覆盖物遮住了B覆盖物导致无法触发A覆盖物的点击事件”这样的问题。高德地图里面几乎都有setZIndex这样的方法供开发者设置覆盖物图层,百度地图API里面只有TileLayerOptions、CanvasLayerOptions、Label和Marker有。那么其他的覆盖物要怎么设置层级呢?答案是先绘制的在下面,后绘制的在上面this.map.addOverlay(circle);this.map.addOverlay(marker);this.
2021-07-26 10:46:36
4394
5
原创 window.print 长页面打印
原生js老折磨王了let currentPage = window.document.body.innerHTML;let printHTML= document.getElementById("main").innerHTML;window.document.body.innerHTML = printHTML;// 这里可设置点css来排版window.print();// 打印完毕 记得还原csswindow.document.body.innerHTML = currentPage;
2021-06-02 17:29:54
689
3
原创 vant vant-button的native-type=“button“情况下手动验证子组件的表单
因需求需要在pop的弹层中点击确定后再进行验证并通讯,所以vant-button使用了native-type属性去除了自动后处理,此时就需要手动校验了。rules还是该怎么塞就怎么塞。对于多层级子组件,可以直接通过ref定义到子组件form进行验证。需注意的是vant的验证方式和element的验证有些许不同,如果按照elementUI的validate去写的话,会直接报错进catch。// 在vant中这样写校验的话,无论校验是否通过都会直接报错进catch。this.$refs['child']
2021-03-19 16:55:08
4044
原创 vant steps流程图的图标使用slot自定义
vant官方文档上没给step的slot咋用,翻了下源码后发现他们的测试用Demovue 2.6以上时,支持具名插槽写法,此时可<!-- <template #finish-icon> --><step> <template v-slot:inactive-icon>Custim Inactive Icon</template> A</step><step> <template v-slot:activ
2021-03-19 16:30:46
5444
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人