- 博客(22)
- 收藏
- 关注
RSS订阅原创 纯HTML的canvas图片缩放拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-08-26 15:39:45
312
原创 antd vue的table换页以后选中的数据无法记住前一页已勾选的数据
最近在开发中发现antd vue的table组件换页以后选中的数据无法记住前一页已勾选的数据只能记住selectedRowKeys, 但是换页以后selectionRows只有当前页的数据, 现在我需要也有之前勾选的rows数据(即整条数据信息)<a-table :columns="columns" :dataSource="dataSource" bordered :pagination="pagination" :rowSelection="{ onSel
2021-05-13 17:10:39
1984
2
原创 antd vue的modal可拖拽指令,包括表头拖拽和表体拖拽
项目需要使用antd-vue的modal可以拖拽,然后在网上搜了一下方法, 有一个老哥写了个方法链接在这: https://blog.csdn.net/baidu_20264113/article/details/113058067由于老哥写的是表头可拖拽, 我就稍加改了一下, 可以表体表头都拖拽,任君选择先建一个js文件import Vue from 'vue'// v-drag-modal: 弹窗拖拽Vue.directive('drag-modal', (el, bindings, vn
2021-04-09 15:27:30
1452
2
原创 vue项目打印内容
vue文件<template> <div id="printBox" v-show="showPreview"> <table border="1" style="border-collapse:collapse;width: 100%;margin: 0 auto;font-size: 12px;font-weight:400; table-layout:fixed;color: #000;"> // tr,td原生内容 </ta
2021-03-31 11:20:11
275
原创 CSS3设置文字向屏幕内倾斜的效果
经常忘了向内倾斜的那个属性是什么, 记下来一下试了一下有两种都可以实现一. 设置在父级元素上设置perspective:100, 记得safari和谷歌Chrome浏览器要设置-webkit-perspective然后在子元素设置rotateX因为当为元素定义 perspective 属性时，其子元素会获得透视效果，而不是元素本身。perspective设置越小倾斜越明显.testbox { border: 1px solid red; font-size: 40px; height
2020-12-28 15:37:19
1669
原创 基于阿里UI antd封装的导入组件
基于阿里UI antd vue封装的导入组件<template> <a-modal title="导入EXCEL" :width="600" :visible="visible" :confirmLoading="uploading" @cancel="handleClose"> <a-upload name="file" :multiple="true" accept=".xls,.x
2020-08-17 17:27:53
233
原创 基于饿了么Element UI的上传组件二次封装
上次写了阿里UI的上传组件封装, 这次闲着无聊写个Element UI的上传组件封装, 毕竟之前都是用Element UI用的比较多直接传建一个Vue文件,复制下面的代码, 然后在其他页面引用就行了<template> <div> <el-upload :action="uploadAction" list-type="picture-card" :class="['uploadBox',{'hideIcon':fileList.leng
2020-08-14 16:57:02
1067
原创 项目中会用到的一些js
1. 深拷贝Object.assgin是我和同事一起踩过的坑, 找了半天才发现Object.assgin只能深拷贝第一层, 深层的还是浅拷贝, 修改第二层的值会改变原值所以需要深拷贝的还是老实使用下面的函数吧function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){
2020-08-13 14:50:09
122
原创 基于阿里Ant Design of Vue的上传组件二次封装
目前参与的项目使用的UI库是阿里的Ant Design of Vue由于项目中多处要用到上传组件，又不想每次照着官网的上传组件复制多次上传、删除、查看图片事件，因为可能需要多次修改，所以自己进行了二次封装，将上传单张(上传头像需求)和多张弄到一起<template> <div> <a-upload :action="uploadAction" list-type="picture-card" :disabled="disabled"
2020-08-06 11:16:39
1864
1
原创 阿里ant组件库 a-table表格合并单元格
第一次接触阿里ant ui组件库,遇到需要合并单元格的需求,就去网上找了一个判断的方法,记录一下这个是Vue项目里用到的在js中声明function getRowSpanCount(data, key, target) { if (!Array.isArray(data)) return 1; data = data.map(_ => _[key]); // 只取出筛选项 let preValue = data[0]; const res = [[preValue]]; // 放
2020-06-22 16:03:36
2023
原创 ios上显示倒计时时间为undefined
今天写vue项目的倒计时功能, 在ios上倒计时不显示，显示的是undefined, 安卓中能正常显示后来发现ios对getTime()的格式有要求, 需要变换为 “2019/4/ 10:20:30”使用replace把-改外/就可以了new Date(time.replace(/-/g,'/')).getTime()...
2020-01-18 17:39:11
888
原创 前端各种日期js操作
直接上代码// 判断是否大于10 返回两位数function check(h) { return h >= 10 ? h : '0' + h}// 格式化当前时间/*** * @return {string} timeText 返回系统时间字符串 */function getdataTimeSec() { let time = new Date(); ...
2020-01-13 11:57:41
300
原创 上传文件限制只上传Excel文件
"accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
2019-12-06 11:04:33
7520
原创 ios键盘唤起，键盘收起以后页面不归位
ios键盘唤起，键盘收起以后页面不归位问题详情描述：输入内容，软键盘弹出，页面内容整体上移，但是键盘收起，页面内容不下滑出现原因分析：固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件changeBlur(){ let u = navigator.userAgent...
2019-09-23 16:22:19
202
原创 后端返回文件流，前端处理进行文件下载
后端返回文件流，前端需要对返回的文件流处理进行文件下载先是发送请求的时候声明返回blob格式url: '',（你的地址）method: 'post',data: params,responseType: 'blob' （这里很重要）然后将返回的数据传给downLoadXls方法里，第二个形参是文件名称，然后系统就开始自动下载了~function downLoadXls(data,...
2019-06-27 12:08:01
40136
8
原创 原生input上传图片
项目中经常用到上传图片功能,所以传上来方便以后使用&lt;input type="file" @change='filechange'&gt;file-input 有如下属性：accept指定选择文件类型的范围。默认为所有文件类型图片为 accept=”image/*“文件类型取值见MDNcapture当文件类型为图片或视频且在移动端时，此属性才有意义。capture = ‘...
2019-01-09 15:53:03
788
1
原创 vue手写三级分类带样式,可折叠和展开全部
vue带样式的三级分类(可以折叠和展开所有,添加子类,编辑分类,删除分类)项目引用的element ui样式,不需要可以改掉标签删除,添加,编辑都是用的字体图标&amp;lt;!-- 分类列表 --&amp;gt;&amp;lt;template&amp;gt; &amp;lt;div class=&quot;ccia&quot;&amp;gt;
2019-01-09 15:24:04
2705
1
原创 Vue在build编译时写在style中的路径问题
写在vue文件里面的style样式，在添加例如背景图片的时候，如果用的是相对路径，那么build出来的css文件的路径将会出错，导致找不到图片。 例如: 需要改动两个地方: 一个就是config/index.js文件，将assetsPublicPath的路径改为’./’，一般用的模版和vue-cli都是默认’./’,就不需要修改. 第二个就是在build目录下找到utils.js中的E...
2018-09-12 15:27:16
737
原创 解决vue中对象属性改变视图不更新的问题
常规情况下我们在vue实例的data中设置响应数据。但当数据为对象，我们增加或删除对象属性值时，视图并不触发更新.vue的文档里说的很清楚，这些会触发更新 但是： 1.当你利用索引直接设置一个项时 2.当你修改数组的长度时 都不会触发视图更新 现在你可以用下面的方法设置 方案一：利用Vue.set(object,key,val) 例：Vue.set(vm.obj,’k1’...
2018-09-11 15:15:56
8448
原创 vue手写三级分类折叠展开
这是视图层：&amp;lt;div class=&quot;tree&quot;&amp;gt; &amp;lt;ul v-for='item in menulist' :key=&quot;item.id&quot;&amp;gt; &amp;lt;!-- 没有子集 --&
2018-09-10 17:42:10
3173
4
转载 element 分页组件遇到的问题
先操作element分页，切换到第二页，然后操作。从代码中强制将current-page强制设置为1（即重新查询数据，并将当前页重置为第1页）此时画面显示是对的，分页组件已经将第1页的页码数字激活了然后点击第2页数字，进行换页...
2018-09-10 17:17:22
2140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人