- 博客(16)
- 收藏
- 关注
原创 vue 表单校验
表单全字段校验: this.$refs["form"].validate((valid) => { if (valid) { // 校验通过 } });表单其中一个字段校验 this.$refs[formName].validateField('mobile', valid => { if(valid) { // 校验通过
2024-07-04 10:40:16
392
1
原创 微信小程序upImg上传图片组件
wxml:<view class="upImg"> <block wx:if="{{isAddImg}}"> <view class="addImg" bindtap="handleChooseImg"> <image src="../../assets/img/load-add.png" /> </view> </block> <block wx:
2022-02-15 17:29:24
999
原创 微信小程序 ECharts 水球图
效果图:水球图插件 git地址:https://github.com/ecomfe/echarts-liquidfill#api下载后,将dist下面的echarts-liquidfill.min.js 这个文件放在小程序里面引入的echarts组件目录下小程序页面代码wxml代码:<view class="top"> <view class="waterPolo"> <ec-canvas id="dispace_charts" canvas-id="di
2022-01-06 15:30:46
1831
3
原创 uniApp小程序 绘制海报生成图片保存到手机相册
绘制海报需要引用一个组件***lime-painter***lime-painter组件下载以及使用方法 https://gitee.com/liangei/lime-painter#props<view class="codeBottom" @click="codeSaveImage"> 保存到相册</view><l-painter v-if="poster" :board="poster" isCanvasToTempFilePath @success="
2021-11-25 13:40:40
964
原创 swiper禁用鼠标控制滑动包过鼠标点击滑动停止
<swiper :autoplay="true" :interval="1500" :duration="1000" vertical="true" circular="true"> <swiper-item catchtouchmove="stopTouchMove" @touchstart.stop="stopTouchMove"> </swiper-item></swiper>stopTouchMove(){ return false}
2021-10-15 10:41:37
1658
原创 scroll-view横向滚动
<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%"> <view class="box"> 1 </view> <view class="box"> 2 </view> <view class="box"> 3 </view> <view class="box">
2021-10-13 15:58:43
479
原创 生成二维码、菊花码
let requestUrl = 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=' + that.tokenuni.request({ url: requestUrl, data: { scene: that.scene, // 小程序码携带的参数 path: "pages/home/draw_details/draw_details" // 扫小程序码要进入的页面路径 }, method: "POST", r
2021-10-13 13:19:22
1260
原创 this.$nextTick() 获取改变后的文本
this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本,而这时候我们想直接打印出这个被改变后的文本是需要dom更新之后才会实现的,也就好比我们将打印输出的代码放在setTimeout(fn, 0)中;...
2021-09-30 09:43:22
99
原创 微信小程序 部分ios机型border边框丢失问题
WXHL<view class="second-time flex-row>文案</view>WXSS.second-time { width: 162rpx; height: 30rpx; line-height: 30rpx; margin-left: 6rpx; padding-right: 5rpx; border-radius: 6rpx; border: 1rpx solid #fd3d04; box-sizing: borde
2021-09-27 13:10:52
1500
原创 CSS3 圆形缩放动画
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>圆形缩放</title> <style> * { padding: 0px; margin: 0px; } .bg { width: 100vw; height: 100vh; display: flex;
2021-09-09 17:13:28
535
原创 微信小程序 checkbox-group组件的bindchange冒泡问题
bind 事件绑定不会阻止冒泡事件向上冒泡catch 事件绑定可以阻止冒泡事件向上冒泡不过 checkbox-group 组件的 bindchange 改成 catchchange 并不会阻止事件的冒泡解决方法就是在checkbox-group父级的 view 加一个 catchtap=“catchtap” 的点击事件, catchtap 这个方法只要是一个空的函数即可,冒泡到view的时候,在这里就会结束冒泡。代码如下:<view catchtap="catchTap">
2021-07-10 16:00:01
2785
原创 git 命令
git配置git config --global user.name 姓名git config --global user.email 邮箱git config --list 查看用户信息git使用git init 初始化git仓库git add 文件名 该文件添加到暂存区git add . 该文件夹下的所用文件添加到暂存区git commit -m ‘备注信息’ 将暂存区代码...
2019-10-07 20:50:18
153
原创 mongoose报错:DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead.
mongoose报错:(node:8744) DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead.不会影响结果,但看着不舒服解决方法:mongoose.set(‘useCreateIndex’, true);//写在下面代码前面const User = mongoose.mod...
2019-09-18 15:28:53
3500
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人