- 博客(9)
- 收藏
- 关注
原创 element select 下拉框下拉加载更多,使用IntersectionObserver-交叉观察者
因为element 复选框没法进行分页,但是接口数据量较大只能进行分页。通过交叉观察者监听是否可见select 底部最后一个元素,如果可见叫触发交叉观察者方法返回一次响应然后进行分页++的操作<template> <el-select v-bind="$attrs" v-on="$listeners" ref="select"> <slot></slot> <div ref="touchBottom"></div>
2021-07-05 14:21:20 408
原创 小程序和vue wx:for v-for渲染对象key值
小程序//jsPage({ data: { list:[ {name:1,key:2}, {name:2,key:2}, {name:3,key:2}, {name:4,key:2}, {name:51,key:2}, {name:51,key:2}, {name:51,key:2}, ], }})//wxml 先循环数组在循环对象<view wx:for="{{list}}"
2021-06-15 16:00:11 662 1
原创 使用pormise.all async/await 进行多层级循环多次请求
<script> let arr = [{name:1,chi:[{name:7}]},{name:4,chi:[{name:4}]},{name:5,chi:[{name:5}]},{name:6,chi:[{name:4}]}] async function text() { await Promise.allSettled(arr.map(async item1=>{ //第一层返回 await Promise.allSettled( item1.c
2021-06-04 14:42:43 650
原创 element loading 局部更新
element loading 局部更新先封装一个组件<template> <el-main v-loading="loading" :element-loading-background="background" class="mainDefault" :class="titleColor" element-loading-spinner="el-icon-loading" :element-loading-text="title"> <s
2021-06-03 17:44:39 291
原创 记录节流和防抖
记录节流和防抖封装一个文件/*函数节流*/function throttle(fn, interval) { var enterTime = 0;//触发的时间 var gapTime = interval || 300 ;//间隔时间,如果interval不传,则默认300ms return function() { var context = this; var backTime = new Date();//第一次函数return即触发的时间
2021-06-03 17:24:01 133
原创 element表格列相同值自动合并单元格 多列
element表格列相同值自动合并单元格 多列数据结构以及声明 TableArr:[ {x1:'xx车管所1',x2:'xxx查验岗',x3:'张三',x4:'42',x5:'51',x6:'61'}, {x1:'xx车管所1',x2:'xxx查验岗',x3:'张四',x4:'42',x5:'52',x6:'62'}, {x1:'xx车管所1',x2:'xxx查验岗',x3:'张五',x4:'43',x5:'53',x6:'63'},
2020-12-15 17:06:02 5954 34
原创 uni-app 小程序分享朋友圈
uni-app 小程序分享朋友圈分享朋友圈 uni-app 只需要和 onLoad同级设置 onShareTimeline 即可onShareTimeline(){ let id = '参数'; let title = '你自定义的标题'; let imageUrl = '你自定义的图片'; return { title:title, query: { id }, imageUrl }},...
2020-09-09 18:03:12 528
原创 小程序webscoket 实现
小程序原生webscoket使用最近项目直播用到webscoket 然后来记录一下使用和简单的封装//写在 js里面引用var webscoket = {},socketTask;//连接 webscoket webscoket.connectSocket = (data) => { //开始连接 socketTask = wx.connectSocket({ url...
2019-06-18 14:31:57 466
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人