![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
第三方库
文章平均质量分 90
希文Gershwin
github仓库:https://github.com/li1164267803
北京前端程序员找工作中,有坑位可推我~~~
展开
-
基于antd-vue 中 select 做的远程联想搜索组件
背景后台管理系统crm中会经常用到联想组件,接口返回数据普遍的值都不是一样的,例子:返回 [{name:‘小米’,age:20}],但组件默认接受的字段为key和label,所有这个格式不是我们直接需要的为了避免写无用转换的代码和请求接口,封装此组件一、效果使用说明远程联想组件,只需要配置一个请求的方法 getList 和后台返回的数据格式 optGroupKeyLable=[‘id’,‘name’],正常输入即可实现联想有的后台需要{key,value}的格式提交,比如{id:1,name原创 2021-05-26 15:59:57 · 1499 阅读 · 2 评论 -
antd 文字溢出鼠标滑上显示,不溢出,鼠标滑上不显示tooltip
需求 与 功能该功能实现了文字过长时溢出裁切显示… 鼠标滑上使用 tooltip 显示全部内容文字少时,没有裁切,鼠标滑上不显示 tooltip在表格中使用效果展示在普通循环list中使用效果展示例子(本例子是基于antd做的,在element-ui,或者是iview中,同样适用)<template> <a-table :columns="columns" :data-source="data"> <a slot="name" slot-s原创 2021-01-05 18:01:33 · 2925 阅读 · 2 评论 -
ant-design-vue实现table序号递减和递增 排序
使用了template模板实现场景:一般在有table排序的时候出现 <!-- 序号 --> <template v-slot:num="record"> <div> <!-- 递减 --> <div v-if="data.postParams.sortOrder == 'descend'"> {{ data.total - record.index - (data.pages - 1) *原创 2020-12-17 16:18:04 · 1295 阅读 · 0 评论 -
npm包发布流程 正式包和测试包beta
注册一个npm账号注册地址:https://www.npmjs.com/初始化要封装的包1、选择一个文件夹,然后命令行cd进去npm init接下来就是一长串表单:name:填写你这个包的名字,默认是你这个文件夹的名字。不过这里要着重说一下,最好先去npm上找一下有没有同名的包。最好的测试方式就是,在命令行里面输入npm install 你要取的名字,如果报错,那么很好,npm上没有跟你同名的包,你可以放心大胆地把包发布出去。如果成功下载下来了。。。那么很不幸,改名字吧。。。version原创 2020-11-10 11:39:27 · 3767 阅读 · 0 评论 -
npm如何快速的切换镜像源----nrm
NPM是Node提供的模块管理工具,可以非常方便的下载安装很多前端框架。npm默认的仓库地址是在国外网站,速度较慢,建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具:nrm我们首先安装nrm,这里-g代表全局安装npm install nrm -g然后通过nrm ls命令查看npm的仓库列表,带*的就是当前选中的镜像仓库:通过nrm use taobao来指定要使用的镜像源:然后通过nrm test npm来测试速度:注意有教程推荐大家使用cnpm命令,但是原创 2020-11-10 10:55:20 · 931 阅读 · 0 评论 -
vue 项目中如何使用svga,使用setText替换文本和字体大小,incorrect header check错误
前言项目需求是 ui 动画设计师给出 svga 动画,开发人员去做相应的适配,动态的去替换文字和图片的显示效果由于 ui 图形是圆形,后台返回的 img 为方形,也涉及到了使用 canvas 剪切图片,在引入图片的时候发生了 incorrect header check 错误问题效果图什么是 SVGASVGA 是一种跨平台的开源动画格式,同时兼容 iOS / Android / Web。SVGA 除了使用简单,性能卓越,同时让动画开发分工明确,各自专注各自的领域,大大减少动画交互的沟通成本,提升原创 2020-06-28 12:00:29 · 2832 阅读 · 1 评论 -
html2canvas生成图片模糊 不清楚?两种解决方法
项目需求:需要把当前整个页面的数据生成为一个图片,可以让用户长按图片保存到本地手机在网上查到生成图片的有一个插件,叫做 html2canvas 可以把你想要转变的元素变为图片,开始很顺利,但是生成后的图片,和实际的页面不符合,图片不清晰,模糊的情况,网上大部分的解决方案是通过把canvas容器扩大,再将和成的图片进行缩放。这一种可以达到效果,就是麻烦,还有一个方法直接就可以解决,推荐大家使用第二种方法第一种方法:(亲测有效----就是麻烦)// 本地的 html2canvas 版本为 "^0.5.0原创 2020-06-23 15:56:03 · 37804 阅读 · 31 评论 -
ElementUi el-autocomplete 使用clearable属性,点击清除重新输入提示不显示
点击清除按钮后,重新输入querySearchAsync有执行,也有返回值,但提示不显示。光标移到别处点击再回来有时又正常。文档中,clearable 是input的属性, Autocomplete没有,clear事件是否影响cb()方法执行?(没找到cb()方法的文档以及源码)处理方式:通过反复测试对比发现,点击清除重新输入时input没有失去焦点,这个问题会导致再次输入时没有聚焦,所以出现不显示的问题。通过查看源码发现点击输入时候会执行以下方法,主要原因是把 this.activated的值原创 2020-05-25 14:29:26 · 13006 阅读 · 0 评论 -
关于element-ui中的upload组件已表单的形式传递FormData
对于一些古老的项目,可能后端需要使用form表单的形式的接收,并且还会规定接收的key值因为咱们项目中使用了element-ui,可以使用upload,但默认的upload是没办法使用form表单提交,并设置key的值但element-ui给我们提供了一个http-request的方法,覆盖默认的上传行为,可以自定义上传的实现代码:// template<el-upload style="height:auto" :http-request="UploadImage" ac.原创 2020-05-16 16:37:29 · 1919 阅读 · 0 评论 -
使用moment.js获取上周/上月/上季的开始时间和结束时间
本日/本周/本月/本季/本年比较简单// scope分别为/day/week/month/quarter/yearconst startDate =moment().startOf(scope).valueOf();//.valueOf()获取到的是Long,不然就是一个Moment对象const endDate = moment().valueOf();//获取的是当前系统时间上周一00:00:00~周日23:59:59const startDate = moment().wee...原创 2020-05-13 14:40:00 · 3233 阅读 · 1 评论