wgb0409-优快云博客

array.some(function（value, index， arr）) some 方法用于检测数组中元素是否满足指定条件，通俗点讲：查找数组中是否有满足条件的元素 some: 方法返回的是布尔值，如果可以查到这个元素，就会返回true; 如果查找不到就会返回false;如果找到一个满足条件的元素，则终止循环，不在继续查找。...

2022-06-21 17:21:53 424

<template> <view class="yh-uploadimage"> <u-row gutter="10"> <u-col v-if="!showUploadList" :span="gridNumber" v-for="(item, index) in fileList" class="col"> <view class="pre-item" :key="index"> <image @tap=".

2022-04-22 17:35:00 1641

原创 js二维数组生成树形结构，下一级往前一级堆叠

let data = [ [{ label: "春上衣", value: "A1", child: [] }, { label: "春裤子", value: "A2", child: [] }, { label: "夏上衣", value: "A3", child: [] }, ], [{ label: "XS", value: "B1", child: [] }, { label: "S", va.

2022-04-06 21:13:00 289

原创 vue中封装复制到剪切板功能

doCopy(content) { if (!content) { common.msg('复制的内容为空 !') return; } content = typeof content === 'string' ? content : content.toString() // 复制内容，必须字符串，数字需要转换为字符串 /** * 小程序端和 app端的复制逻辑 */ //#ifndef H5 uni.setClipboardData({ data.

2022-01-14 16:20:31 296

原创 vant封装视频上传组件

<!-- * 上传视频和预览组件 *使用方式：<yh-uploadvideo code="jxhd" :limit="2" placeholder="请上传视频</br>(最多2条)" :grid="12" v-model="formData.Video"></yh-uploadvideo> 参数说明： grid：//栅格占位格数为0-24 用的是element自行联想用来限制上传控件占位大小 code：//文件服务...

2022-01-14 16:20:03 3943 5

原创 vant封装图片上传组件，支持上传前压缩

<!-- * 上传图片和预览组件 *使用方式： <yh-uploadimage code="jxhd" placeholder="请上传图片</br>(最多6张)" :limit="6" :grid="12" v-model="formData.Pictures"></yh-uploadimage> 参数说明： grid：//栅格占位格数为0-24 用的是element自行联想 code：//文件服务器必带的参数，其他地方用可以...

2022-01-14 16:16:18 438

原创 vue中封装动态添加css、js组件

1.remote-css.vue<script>/** * 引入远程css的组件，在页面中当组件使用 * 可以在App.vue中全局引用，也可以在任意页面中单独引用 * 用法：<remote-css :href=""></remote-css> * */export default { name: "remote-css", components: {}, href: { type: String, required: true },

2022-01-14 15:58:18 847

原创 vant 组件二次封装上拉加载下拉刷新

<!-- * 下拉刷新组件 * 使用方法 <yh-pull-refresh ref="pullRefresh" :postData="loadModel" @DataCallBack="DataCallBack"> <template slot="content"> <div class="row" v-for="(el,index) in list" :key="el.HomeWorkId"> </div> </tem.

2022-01-14 15:54:06 1131

原创在uniapp中使用uview封装图片上传组件完整代码

yh-uploadimage.vue 组件<template> <view class="yh-uploadimage"> <u-row gutter="10"> <u-col v-if="!showUploadList" span="4" v-for="(item, index) in fileList"> <view class="pre-item" :key="index"> <image @t...

2022-01-05 16:55:07 2583

原创 element级联（el-cascader）最后一层选不中

需要把最后一层的ChildNodes设置为null或undefinedgetTreeData(data) { // 循环遍历json数据 for (var i = 0; i < data.length; i++) { if (data[i].ChildNodes.length < 1) { // children若为...

2021-12-29 14:17:02 1600

原创 input输入框在苹果手机失效

input { -webkit-user-select: text !important;}textarea { -webkit-user-select: text !important;}

2021-12-24 14:17:38 961

原创 elememt ui 表格复选框回显

<el-table ref="table" :data="tableData" :row-key="getRowKey"><el-table-column type="selection" width="55" :reserve-selection="true"> </el-table-column></el-table>getRowKey(row) { return row.id;},//获取到...

2021-12-17 16:25:44 570

原创 element ui 清除表单验证

this.$nextTick(()=>{ this.$refs['KnowledgeRules'].clearValidate()})

2021-08-05 09:31:14 131

原创数组中查找某一对象并删除

let obj = this.SelectedArr.find(el => el.QuestionsId === row.QuestionsId ) if (obj) { this.SelectedArr.splice(this.SelectedArr.indexOf(obj), 1) }...

2021-07-28 14:47:57 831

原创光标进入输入框全选文字

<el-input-number @focus="getInputFocus($event)" size="small" class="inputNumber" :controls="false" v-model="value2" :min="0" :max="999" label="描述文字"></el-input-number>getInputFocus(event) { event.currentTarget.select(); ...

2021-07-26 17:54:04 444

原创 Js获取最近当日、昨天、近一周、近一月的时间

/* var list = this.getDateRange(6,true) console.log("获取近一周日期范围：\n开始日期:"+list[0]+";\n结束日期:"+list[1]); var list = this.getDateRange(30,true) console.log("获取近一个月日期范围：\n开始日期:"+list[0]+";\n结束日期:"+list[1]); var list = this.getDateRange(0,true)

2021-06-29 16:54:07 974

原创最大值+最小值+差值，返回差值数组

DifferenceArray(max,min,Difference){ let arr=[] let arr2=[] for(let i=min;i<max;i+=Difference){ if(i>min){ arr.push(i-1) } arr.push(i) } console.log(arr) arr.push(max) for(let j=0;j<arr.length;j+=2){ if(arr[j+...

2021-06-11 16:00:07 203 1

原创防止连续执行，例如短时间连续刷卡行为

function timerFun(callback,num) { timerFun.prototype.init(callback,num);} timerFun.prototype = { canclick: true, init: function (callback,num) { if (this.canclick) { this.canclick = false; c.

2021-06-01 14:09:13 106

转载 js切换上下周

<div class="control u-f-ac"> <img @click="weekPre" src="../../assets/image/Attendance/xiangzuo.png" alt=""> <img @click="weekNext" src="../../assets/image/Attendance/xiangyou.png" alt=""> </div><div class="date"&...

2021-05-18 14:29:38 421

原创解决手机端点击放大问题

2021-05-07 09:07:51 179

原创 elementui input 聚焦全选

<el-input-number @focus="getInputFocus($event)" v-model="val" > </el-input-number>getInputFocus(event) { event.currentTarget.select(); },//聚焦全选

2021-04-29 18:05:56 687

原创 vue 使用 html2canvas 将div导出图片

npm install html2canvasnpm install jspdfimport html2Canvas from 'html2canvas';import JsPDF from 'jspdf'; export default{ exportpic(tableId,tableName){ var title = tableName; // 导出的pdf文件名 var targetDom = $("#"+tableId); var copyDom .

2021-04-29 16:50:37 487

原创 Vue 打包的静态文件不能直接运行的原因及解决办法

修改文件 _/config/index.js_，将 build.assetsPublicPath 属性的值由 / 改为 ./修改文件 _/build/utils.js_，在插件 ExtractTextPlugin 中添加 publicPath: '../../'

2021-04-27 15:33:05 786

转载 vue/cli 3.0 脚手架【进阶】使用 amfe-flexible 和 postcss-px2rem进行移动端适

https://www.cnblogs.com/dudu123/p/10197242.html

2021-04-20 11:13:09 115

转载完整创建vue项目

https://www.cnblogs.com/alizhi/p/12557224.html

2021-04-20 10:47:55 61

原创 element ui change传值

@change="(value) => onChange(value,1)"

2021-03-31 14:44:47 316

原创 vue 导出pdf

导入npm install html2canvasnpm install jspdf使用exportPDF("要导出的dom绑定的ID"，“导出pdf文件的名字”)import html2Canvas from 'html2canvas';import JsPDF from 'jspdf';export default{ exportPDF(tableId,tableName){ var title = tableName; // 导出的pdf文件名 .

2021-03-19 17:07:44 127

原创 vue 插件导出excel

导入npm install --save xlsx file-saver使用方式exportExcel（“表格的id”,'''导出excel的文件名'）exportExcel.jsimport FileSaver from 'file-saver'import XLSX from 'xlsx'export default { exportExcel(id,title) { var xlsxParam = { raw: true } var wb = XLSX...

2021-03-19 17:03:28 134

原创 css动画

https://animate.style/

2021-03-17 13:18:48 71

原创扒网站工具

http://www.templatespider.zvo.cn/#rjxz

2021-03-16 17:40:25 271

原创对象赋值给另一个对象，当另一个对象数值改变之后前一个对象也会被改变

对象赋值给另一个对象，当另一个对象数值改变之后前一个对象也会被改变，原因是对象直接赋值，存储的内存地址指向的是同一个解决方法：先将对象转化成json，再把json转化成对象this.defaultNavArr={......}this.navArr ={......}this.navArr = JSON.parse(JSON.stringify(this.defaultNavArr));...

2021-02-24 14:14:27 2141

转载 vue-grid-layout 使用以及各项参数作用

https://www.cnblogs.com/whoani/p/11377793.html

2021-01-28 11:38:02 809

空空如也

空空如也