![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
保存代码
热忱学习
本博只写我在工作中遇到的问题。这只是我的笔记。本人还在不断学习中。欢迎大神指教。
展开
-
小程序封装的节流和防抖方法
小程序封装原创 2023-01-05 17:50:11 · 269 阅读 · 0 评论 -
小程序picker 车型选择,有联动
根据排量有 好几种驱动形式,一个驱动形式里面又有好几种邮箱容积和发动机启停,这一块最主要的代码在方法。原创 2023-01-03 16:45:43 · 453 阅读 · 0 评论 -
封装能搜索的小程序picker
这个组件用到了vant 这个框架 里的vant-search ,也可以不用自己写个input,方法都是一样的。需求是这样子的,微信原生的满足不了这种,所以自己封装了个组件。在引用的页面 wxml上写。原创 2023-01-03 16:11:02 · 667 阅读 · 0 评论 -
先获取打印的模板,用户选择过的模板通过接口要回显出来,预览只显示key的值,value是前端写死
需求:先获取打印的模板,用户选择过的模板通过接口要回显出来,预览只显示key的值,value是前端写死原创 2022-09-30 17:36:37 · 268 阅读 · 0 评论 -
new map() 处理数组 追加属性
追加属性rowspan - 按name 统计数量;追加属性rowHeader—按name 分组后,第一个设置为1,其余设置为0;原创 2022-09-30 17:10:32 · 483 阅读 · 0 评论 -
vant3+ts+pinia tab选项卡列表页面点击进详情,详情页返回tab高亮在原位置,刷新高亮默认在第一项
主要实现逻辑就是在vuex里面存一个变量,用来判断是详情还是列表页面在点击详情的时候,把tab存进去在onMounted加载的时候从vuex 里面取出来, 在setup 里面先存0,下面的判断就会走else点击头部左按钮返回的时候给置为true...原创 2022-06-09 14:37:40 · 665 阅读 · 2 评论 -
vant3+ts 封装uploader上传图片组件
因为项目中多次用到这个组件 所以就自己封装了下vant的组件需要在:after-read 之后把图片上传到服务器手机上选择或者拍照 返回的格式是[{name:xxx,data:base64,xxxxx},{name:xxx,data:base64,xxxxx}]而 组件的回显是根据flie对象或者URL所以就需要上传前 把 返回的base64转成file对象图片上传到接口前还需要把图片压缩一遍 整个组件的代码如下公司的上传图片的逻辑是 第一步,把fileNames 上传到后台提供的接口 返回的格式是{url原创 2022-06-08 16:42:39 · 2248 阅读 · 2 评论 -
vant3+ts h5页面嵌套进app 与原生app通信
最近的项目是vant3+ts 做的h5 嵌套在app里面,有扫码和拍照的功能需要与原生app 交互用到的插件是dsBridge在需要调用页面的地方 这样写,处理自己想要的逻辑原创 2022-06-08 15:40:07 · 484 阅读 · 0 评论 -
把后台接口反的数据 处理成想要的数据实现 点击加号数据会追加,不能重复选择
<template> <view class="content-box" style="min-height: 100vh; background: #F5F5F5;"> <common-header>申请发货清单</common-header> <view class="address-box"> <view v-if="customerInfo.consignee_name"> <view clas.原创 2022-03-20 20:28:30 · 477 阅读 · 0 评论 -
把点击过的每一项筛选出去
<template> <view class="brand"> <view v-for="(item,index) in subList" :key="index" class="brand_item"> <view class="brandList_left"> <u-form labelPosition="top" :model="item" > ...原创 2022-03-20 20:18:08 · 202 阅读 · 0 评论 -
3-18 上线 处理后台返回 不同字段的值 并合成一个数组 页面上在取值
根据需求无论是哪个节点 实际需求那里取的是distributionInfoList里面的值如果有发货信息 就取sendGoodDetailInfo 里面的值但是待签收状态 消耗库存 只有组件的发货信息 是从 storageDeduct 取值审核,备货,代签收,签收审核,完成 这五个节点下 组件逆变器,并网箱显示的页面是不一样的数据就需要处理成这个结构如下图,没有截图完全<template> <view class="page_det...原创 2022-03-20 20:05:27 · 271 阅读 · 1 评论 -
请求接口计算数量
需求就是 一个大list 拆分成 逆变器,并网箱, 组件 红框那里都需要计算 <view class="cell_list"> <!-- 逆变器 --> <view class="cell" v-for="(item,index) in distributionListVOS" :key="index"> <view class="cell_title" @click="item.show=!item.show">...原创 2021-11-10 17:33:33 · 418 阅读 · 0 评论 -
uview select封装单选和多选
uview是没有多选的,根据业务需求就自己封装了一个组件一般多选的话是要加字段,根据字段判断,这个思路值得记录下<template> <view class="slot-v"> <!-- 单选 --> <u-input v-model="inputValue" type="select" @click="selectShow = true" :placeholder="placeholder" /> <!-- 多选 --&g原创 2021-10-29 16:26:04 · 4902 阅读 · 2 评论 -
vue 列表页面的分页
/** * @param {Object} isLoad 是否翻页 */ getHelpList(isLoad) { if (isLoad){ //如果是翻页 if (this.pageNo * this.pageSize <= this.helpList.length) { //如果当前列表满足整页,说明可能有下一页存在 this.pageNo += 1 } else { //如果不满足整页,说明没有..原创 2021-10-29 14:52:52 · 558 阅读 · 1 评论 -
echart 实现地图坐标轴带图标
需要实现设计图的效果 // 排名图 drawColumbar () { var icon = { frist: require('@/assets/images/icon/1.png'), second: require('@/assets/images/icon/2.png'), thrid: require('@/assets/images/icon/3.png') } let columchart...原创 2021-08-25 16:06:20 · 1050 阅读 · 1 评论 -
echart 报错Cannot read property ‘getAttribute‘ of undefined
要等dom加载完之后在加载图表否则就会报这个错误加上这句代码 就能解决this.$nextTick(function(){this.drawpowerline()})原创 2021-08-25 15:02:33 · 251 阅读 · 0 评论