- 博客(31)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 element-plus 上传组件 el-upload 直传第一次取不到数据
取不到数据是官方("element-plus": "^2.3.4") beforeData在beforeUploadPromise 之前导致异步设置:data 不生效文件传不上去的原因，改为http-request去处理就可以了。挺奇怪，之前用("element-plus": "^2.2.17")是没有问题的。在before-upload里请求后端接口获取到accessid、policy、signature、dir等。在http-request里。
2023-11-30 15:53:13
1041
原创 vue部署之后提示用户更新的两种方式（http请求和worker线程请求）
以下两种方式都需要在vue.config.js里加上上面这段代码。随便一个全局文件里使用下面代码。
2023-11-16 18:09:11
538
原创 vue3.2+ts+element-plus 高德地图（@amap/amap-jsapi-loader）标记点，点击事件，查询
vue3.2+TS+element-plus高德地图查询，标记
2022-11-22 15:04:39
2130
1
原创 v-infinite-scroll无限滚动
组件el-dialog里直接使用elemenui的v-infinite-scroll，只在elementiu组件里生效
2022-07-12 17:40:27
2794
原创 递归的应用场景，适用于数组对象的多维和一维的转换
直接新建一个html放进去即可验证。一、因为后端返回的多维数组对象中一些key可能与UI框架封装的不对应，所以可能需要递归逐个去修改key值 <script> var data = [ { "id": 103, "guid": "025f4798-27f5-4dff-a881-0e06d3e0b73c", "name": "营销二组",
2021-08-19 16:02:04
166
原创 Ant Design React table表格点击行选中多选框
官方案例https://codesandbox.io/s/000vqw38rl?file=/index.js:1474-1479其实就是官方案例复制粘贴????关键代码 onRow={(record) => ({ onClick: () => { this.selectRow(record); }, })}// 分割线selectRow = (record) => { const selectedRowKeys = [
2021-08-18 09:22:12
1425
原创 vue pc端打印二维码
import Vue from "vue";let a = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAKoCAYAAACvNywJAAAABHNCSVQICAgIfAhkiAAAIABJREFUeF7svQmcZVdV73+6q7tr6Bq6q+fupDN15lETZEgkiIkSME4BgYeAQp78ow/Rv/8HweERnnwk8p5/RP+apwQUkI9IiCI8jRoQ0BDgETAkIWNn6KTn6qGqurrmqv6v7.
2021-07-12 19:25:22
372258
4
原创 获取地址栏的url
/** * @description 获取url值 * @param {*} 地址栏里想要获取的值 * @param {*} 如果没有默认返回值 * @returns */function getUrlString(name, emptyReplace) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1.
2021-06-07 18:38:15
521
原创 copy复制地址，适用所有框架
/** * @desc 复制地址 * @param {地址} url */ const copyUrl = (url) => { //创建一个Input标签 const cInput = document.createElement('input') cInput.value = url document.body.appendChild(cInput) cInput....
2021-05-20 11:48:18
1728
原创 React 基于Tab的两边小图中间主图的轮播图
产品拿了一个JQuery做的官网要我实现一个中间主图两边小图的需求，周五加班没搞完，周末宅了两天终于搞完了，是我太菜了惹，自闭哭泣......效果图，gif太大无法上传，就放一张静态图吧，暂时还有个缺陷是点击tab的时候，下一张图片没显示，但不想搞了，周一上班再说吧html <Tabs activeKey={this.state.tabIndex + ""} onChange={this.tabChange}.
2021-05-16 17:49:45
417
原创 最完美的深拷贝函数
varobj={name:'欧元',age:2,card:['洗澡','吃饭','睡觉','逗猫棒','喝水'],soul:{name:'美元',son:{name:"欧美"}}}varobj2={}//遍历对象forin//1.判断是不是原始值typeof...
2021-05-10 23:11:16
292
1
原创 uni-app小程序中自定义动态tabbar，同时解决小程序自定义tabbar第一次切换闪烁的问题
使用了vuex做自定义动态tabbar，第一次进去小程序切换不会再闪烁完全是意料之外的收获，嘿嘿。第一步，在组件里新建自定义tabbar所需的三个页面、还有自定义tabbar和headertabbar.vue<template> <view class="tabbar"> <view class="" v-for="(item, index) in list" :key="index" @click="tabItemChange(index)">
2021-04-08 21:54:04
3683
5
原创 uniapp微信小程序使用ucharts2.0解决穿透（遮挡|层级问题）
如果出现模糊问题，修改pixelRatio为2或者3即可，模拟器还是会有穿透问题，但是真机可以，就不折腾了。基本都是复制粘贴，只是梳理一下流程，最大的问题解决了，细节性的问题慢慢调呗。第一步：引入u-charts-v2.0.0.js（https://gitee.com/uCharts/uCharts/blob/master/qiun-data-charts/uni_modules/qiun-data-charts/js_sdk/u-charts/u-charts-v2.0.0.js）和测试数据demod
2021-04-08 16:24:25
4000
原创 小程序上传图片到oss，wx.uploadFile中formData的参数
一、后端会给一个接口，返回STS的授权数据二、封装上传方式 在utils中新建一个alioss文件夹，新建一个upload.js，另外两个js文件直接引入使用即可。因为小程序通过wx.uploadFile上传，formData需要用到upload.jsimport api from '../../api/oss.js'const Base64 = require('./base64.js')const Crypto = require('./crypto.js')...
2021-04-07 17:26:36
2934
原创 vue和van-slider动态实现H5的音频播放（可拖拽）
效果：html <div class="player-audio d-flex a-center"> <div class="mp3img"> <img src="./img/stop.png" v-if="onOff" class="img-100" @click="playClick"> <img src="./img/play.png" v-else class="img-1.
2020-11-02 10:54:05
919
原创 node与apidoc写接口文档
官网http://apidocjs.com npm i apidoc -g { "name": "cms-server", // 你的项目名称，可以随便写 "version": "1.0.0", // 版本,书写没要求 "description": "cms-server项目API文档", // API文档的描述 "title": "cms-server API", // API文档的标题 "url" : "http://localhost:3001/v1", //.
2020-09-08 12:59:13
225
原创 vue-cli3适配移动端H5（包含nuxt服务端渲染的H5适配）
npm install postcss-loader postcss-px-to-viewport --save-dev因为插件的配置选项中有个exclude选项，它的值只支持正则表达式，但是正则表达式再json中是不允许的，所以不要配置在package.json中，要配置在vue.config.js里const pxtovw = require('postcss-px-to-viewport')css:{ loaderOptions:{ postcss:{ ..
2020-07-13 17:35:08
1221
原创 vue和element-ui配合导出table表格
1 安装两个依赖npm install -S file-saver xlsxnpm install -D script-loader2在build----webpack.base.conf.js中resolve的alias加入 'vendor': path.resolve(__dirname, '../src/vendor')3 在src下新建一个文件夹vendor，引入两个文件...
2019-12-09 18:40:18
404
原创 vue打包上线后，找不到字体文件，一行代码解决
找不到是因为打包后的引用路径不对，可采用一下这种更改配置来解决这个问题。在build文件夹中的utils加上publicPath:'../../'代码如下if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-...
2019-09-23 10:48:01
1971
原创 win10配置java环境变量（当常规配置时javac不起作用的解决方法）
因个人原因重置了电脑，又重新配置java环境时，javac运行出错，故而尝试了其他人的方法可以。因此完整记录下来，以防以后再用时忘记。1.去官网https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载，下图为我所下载的版本。2.安装。路径为默认路径3.在环境变量里...
2019-01-25 10:20:43
1575
原创 使用WebStorm2017搭建开发TypeScript的设置
作为一只刚上路的小白，靠搜索引擎终于搞明白了怎么使用强大的Webstorm IDE开发支持自动编译成js文件的TypeScript。现附上非常完整的步骤：1.去node.js官网下载安装node.js2.下载安装Webstorm2017.2.6（因为刚开始没有成功破解2018版的webstorm，所以我用的是2017版的）3.使用node的npm命令安装typeScript编译器...
2018-11-25 22:12:03
1000
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人