![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发中成长
bzcoder
这个作者很懒,什么都没留下…
展开
-
表单校验输入内容是否合法
平时开发或者使用网站的时候,常常会遇到一种表单输入场景:由********组成这里结合antd vue的校验表单的实现方式如下:例如 由英文字母、数字、下划线组成 const validateEnNameShort = (rule, value, callback) => { const reg = /^[\w]+$/g if (!value) { return callback(new Error('请输入英文缩写')) }原创 2022-03-21 10:41:14 · 334 阅读 · 0 评论 -
对ant design vue 1.x 组件进行二次封装
<a-table ref="tableElRef" v-bind="getBindValues" // 通过计算属性,获取父级传入的非prop属性 :columns="columns" :data-source="virtualData" // 需要对原有属性进行二次改造,则设置prop @expand="expand" // 改造原有事件同理 @expandedRowsChange="expandedRowsChange" .原创 2022-03-21 10:27:09 · 3112 阅读 · 1 评论 -
vue2 + ant design vue 1.x 文件的上传与下载实现
文件下载:现在的文件下载一般是前端发送一个请求,获取到文件的url链接,再根据链接,创建下载链接 const url = res.body.path const link = document.createElement('a') link.style.display = 'none' link.href = url link.setAttribute('download', '标准数据模板.xls') // 指定下载后原创 2022-03-21 09:46:15 · 1522 阅读 · 0 评论 -
新版antd vue 图标使用
最近在做vue3+TypeScript的练习项目,既然都用vue3了,那轮子也得跟着走吧,所以引入了antd vue v3 版本。之前项目一直使用的v1版本,图标直接使用即可,但从v2版本开始,官方为了节省体积,采用了按需引入的方式。老方法:新方法:首先,需要单独下载一个包在组件中使用:引入并注册组件,既然都是组件了,当然不能像以前一样直接添加icon属性了。...原创 2021-12-06 14:31:44 · 3284 阅读 · 0 评论 -
hover效果移除时元素还原太生硬的情况
今天敲代码时发现一个有趣的问题,以前用transition都是只为了发生时的效果,但今天做一个悬停放大图片的效果时发现还原的时候没有像hover时的过渡效果,特别生硬,后来才发现transition在还原的时候的也有应用。.show-items img{ transition: all .3s;}.show-items a:hover img{ transform: scale(1.1); transition: .3s;}...原创 2020-06-01 19:20:58 · 514 阅读 · 0 评论 -
加载js时遇到的问题
引入的js尽量不要写在head标签中,往往会因为解析不到js中要获取的元素就报错就算使用window.onload也不好,因为引入多个js时,会造成冲突导致只有最后一个有效。因此应该将js引入在body标签之后...原创 2020-05-31 15:45:05 · 400 阅读 · 0 评论 -
循环给ul下的li添加监听事件遇到的问题
发现一种新的css获取元素的方法:.tab-head li.on a当li有on这个class属性时对a做处理window.onload = function(){var on1 = document.querySelectorAll('.tab-head>li'); //获取ul下的li的方法 for (var i = 0; i < on1.length; i++){ on1[i].addEventListener('mouseover'原创 2020-05-31 10:25:40 · 597 阅读 · 0 评论