- 博客(18)
- 收藏
- 关注
RSS订阅原创 Parameter ‘xxx‘ implicitly has an ‘any‘ type.
在vscode编辑器中编写ts文件，在npm运行时报错：解决办法：将tsconfig.json文件中的"noImplicitAny"属性设置为false
2021-03-04 10:36:41
5874
1
原创 el-table @expand-change 自定义传参
由于项目需求，需要点击行内展开按钮的时候主动获取数据这个时候需要传一个自定义参数idelement-ui官方文档中的用法如下：通常的用法就是那自定义参数如何传值呢？解决办法：先传默认参数，后面添加自定义参数即可！好记性不如烂笔头！记录问题的同时希望能帮到你们哟！...
2021-03-04 10:23:19
3652
1
原创 el-upload 自定义参数（动态渲染el-upload组件，上传成功后获取当前index，更新数据源)
因项目需求，需要根据数据动态渲染el-upload组件，上传成功之后同步更改数据源相应位置的fileName详见Element官方文档打印回调参数val,就会看到刚刚定义的data属性，从而获得当前index拿到index，之后的数据源更新等操作就顺利搞定啦！好记性不如烂笔记，记录问题之余希望也能帮到你欧！...
2021-01-04 13:43:20
5216
1
原创 使用el-menu-item时报错：Invalid prop: custom validator check failed for prop “index“.
在最近的项目中，需要通过遍历数据展示菜单项。我用的是Element UI组件中的el-menu组件。代码如下：错误信息：报错信息只是指明了index有误，但是错误不够清晰。找了半天才发现问题。下图是Element官方的文档说明：显然index应该是字符串类型的。更改如下，完美解决问题。好记性不如烂键盘，记录日常问题的同时希望能帮到你们！...
2020-11-18 15:46:49
1425
原创 基于Vuejs的进度条插件——NProgress
NProgress——当项目中有些页面请求内容较多，响应时间较长时，为了让用户清晰看到请求进度，避免长时间等待导致体验不佳而开发的一款轻量级插件。安装NPMnpm install --save nprogressNProgress的用法调用 start()或者done()来控制进度条开始或者结束。nprogress.start()nprogress.done()调用inc()随机增长进度条，注意，这个方法永远不会让进度条达到100%。nprogress.inc()调用 .set(n
2020-11-06 14:51:50
2670
原创 van-picker下拉列表浮动在顶层，遮挡其他界面
由于近期项目采用了Vant作为移动端UI组件库,在使用vant-picker时遇到问题，整理记录下来，方便自己及他人。代码如下：期望的效果实际效果可以看出每次点击选择“维护计划”的时候，总是会弹出一个列表层，遮挡住我要选择的界面，令人费解。解决办法：需要给van-field增加readonly属性。最终代码：ending…...
2020-07-30 10:12:54
1227
原创 ElementUI el-table + sortable.js实现表格行拖拽功能
因项目需要，需要实现表格行拖拽，但是ElementUI表格组件未提供此功能，经查阅资料，打算引入Sortable.js（一款轻量级的拖放排序列表的js插件）实现。1. npm安装引入然后可以在main.js中或者需要用到拖拽功能的.vue文件中引入2. HTML部分3. js部分首先不要忘记步骤1的引入，然后在页面渲染完成之后调用拖拽方法。如果是在修改/新增弹窗中的表格，可以在新增/...
2020-01-17 16:10:38
3129
3
原创 如何使用git将本地项目上传至码云
今天尝试了将本地项目上传至码云的操作，在此做个备忘。本地项目上传至码云Git安装首先了解git的安装和使用,建议参考（https://www.cnblogs.com/ximiaomiao/p/7140456.html），不再赘述。码云上新建项目（项目名：csdn_demo)登录码云后（请自行百度码云账号注册及使用），新建项目，步骤如图1，图2点击创建，跳转至如图，至此码云项目...
2019-10-12 15:12:25
983
原创 解决 “element分页：删除最后一页的所有数据后，currentPage显示正确，但列表内容为空” 的问题
问题描述：当表格有多页数据，并且末尾页只有一条数据时，删除末尾页的数据之后，数据列表为空，但是当前页码显示正确，如下图
2019-09-12 15:35:54
7579
2
原创 Print.js实现打印报表
因项目需要，需实现报表打印功能，如图最终实现打印功能采用的时Print.js库（https://printjs.crabbly.com/），这个库可以实现打印预览、打印设置、打印指定内容等强大的功能。该库具体引用方法可访问以上链接。最终实现如下：开发中遇到的问题记录：纵向打印时，表格内容可铺满整个页面，但是横向打印，明明设置了表格宽度100%,可打印预览的时候右侧仍留有空白，很不美观。...
2019-08-16 11:21:51
10385
2
原创 element el-form表单验证 解决rules中引用不到form或者data值的问题
问题描述在项目中经常用到表单验证，例如校验长度，校验是否存在，校验格式是否正确but今天在校验两次输入内容是否一致(例如校验密码)的时候卡了壳，通常大家在校验这种问题的时候应该是这样写的碰壁过程这样写的话确实能够实现这个功能，但是没有达到复用的效果，设想如果多个页面都有验证两次输入内容是否一致的需求，难道每次都要在data中声明一个校验重复的方法validatePass吗？因此我想通...
2019-08-08 16:30:28
10537
6
原创 js 快速实现“当月份小于10时前面加0”
问题描述我们经常遇到这样的问题，当后端返给我们的月份小于10时（2019-1），为了页面展示美观，我们通常需要进行补零操作（2019-01），今天我找到一个快速转化的方式，作个记录坚持做问题记录，加油！...
2019-08-08 14:31:27
10272
原创 element el-form如何避免打开模态框时就进行表单验证
在项目中，经常需要一些校验字段名是否存在的表单验证，比如新增修改用户时需要校验所填写的用户名是否已存在，避免出现重复的用户名。问题描述最近遇到一个奇怪的问题，在打开修改模态框未做任何修改时，就自动触发了一次校验，提示用户名已存在或者刚打开新增模态框未进行任何操作，就自动进行了校验，提示各个字段不能为空。解决办法通过查看element文档，发现el-form有一个属性设置此属性之后就解...
2019-08-08 14:22:00
6800
2
原创 element el-checkbox已绑定值却无法勾选的问题
问题描述首先根据后端返回的数据列表展示出checkbox组页面展示如下选中“设计师” 选项保存。再点击修改时，后端返回的值为[16]，但是却无法勾选中设计师这个选项，几经周折发现el-checkbox的value需要为string才有效解决办法...
2019-08-08 14:04:49
19456
7
原创 js重置对象中每一个key的值为" ",常用于重置查询参数
问题项目中需要，在切换每个tab页的时候，重置查询参数，查询参数格式为也就是将query中每个参数置为空，最终找到了一个比较省事的方法解决方法Object.keys(this.query).map(key => this.query[key] = ’ ')首先取出query中key的组合，然后进行遍历，并将query[key]逐一赋值为空...
2019-08-08 11:50:03
4181
7
原创 Element el-table的@current-change事件在切换分页的时候，获取到的currentRow为null
今天项目中遇到一个棘手的问题，想要实现的功能如下图如果要获取到当前选中行的内容，首先要使用el-table的@current-change事件，事件中的currentRow参数即选中内容问题现象项目中出现的问题现象是，在第一页切换每一行都正常，右侧详细内容也能显示。但当选中某一行，点击分页的时候，就会报错。报错原因：经过问题排查，发现当切换分页，触发了el-pagination的@...
2019-08-08 11:40:06
27511
原创 npm install 停在下载某个包的地方不动
在码云上clone一个项目下来，执行npm install命令安装依赖，同事电脑安装一切正常，但是我本地一致停在下载某个包的地方不动，类似extract:core-js: sill extract [email protected]这样或者 unexpected end of file 解决办法：首先通过npm config list查看包的下载源是否是国内的淘宝镜像，这样的话就不...
2019-08-08 10:09:18
38225
3
原创 设置line-height无效的解决办法
今天在做项目的时候遇到一个很奇怪的问题，明明设置了line-height,可是文字并没有垂直居中，大概如下：效果如下显然line-height没有生效，后来发现font组合属性不能写到line-height后面，如果写到line-height后面的话要把属性分开写，font-weight:bold,font-size:16px,font-family:‘微软雅黑’,这样写也是可以的。更改...
2019-06-20 21:03:34
8831
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人