- 博客(18)
- 收藏
- 关注
RSS订阅原创 VUE el-table组件二次封装
el-table组件二次封装1、优化前后对比2、组件代码element的el-table组件对于简单的数据展示过于繁琐，于是进行二次封装，1、优化前后对比对于上图展示的数据，不写函数方法，就单写使用el-table时所用代码量如下。可以看到写了很多重复代码，既冗杂又浪费空间 <el-table :data="data" border style="width: 100%;" size="mini"> <el-table-column prop="id" head
2022-04-18 17:32:22
1191
原创 前端测试注意事项
前端测试注意事项查询功能列表展示新增、修改导入导出权限设置操作日志常犯错误（复制的代码）最后前端针对erp项目代码写完之后，需要对每个功能接口进行仔细测试，因为总是测试不全，特意写篇笔记，生命不息bug不止，此篇文章持续更新。查询功能1、检查每个搜索框的对应能否查询出准确数值（传值时检查传给后台的接口的字段名是否正确）。2、检查点击重置按钮时，搜索框输入值是否正常清空，再点击一遍搜索，以防止重置后搜索字段默认值设置出错。列表展示1、调整table高度，页面padding等，尽量把前端页面滚
2022-03-22 17:32:24
1226
原创 vue封装组件
在src下的components下建组件名称文件夹，文件夹下建vue文件文件中封装组件<template> <el-table border :data="dataList" :ref="dataList" center > <el-table-column v-for="(key,index) in Object.keys(dataList[0])" :key="Math.random(index)" show
2021-12-20 14:54:15
294
原创 python学习Day1
1成果展示0、准备工作1、Python语法2、摸索实践2.1 观察2.2 结构2.3 代码编写2.4 绕过反爬及登录成果展示0、准备工作0.1 Pycharm安装及配置0.2 Python安装及环境配置0.3 pip安装与使用 (选择性安装：Python 2.7.9 + 或 Python 3.4+ 以上版本都自带 pip 工具。)1、Python语法个人建议，之前有过其他编程语法经验的铁子大可不必从零开始，Python的语法要简单很多，建议直接看完整的demo，遇到难点再针对性查看，要省时不
2021-11-27 10:22:50
170
原创 Cannot read properties of undefined (reading ‘resetFields‘)“
form表单自带resetFields重置与validate验证报错Cannot read properties of undefined (reading ‘resetFields’)"Cannot read properties of undefined (reading ‘validate’)"1、语法是否正确//重置表单this.$ refs.searchForm.resetFields() 或 this.$ refs[‘searchForm’].resetFields()//表单
2021-11-24 10:27:08
7383
原创 this.$refs[‘searchForm‘].resetFields()无法重置表单/重置不全
this.$refs[‘searchForm’].resetFields()无法重置表单/重置不全1、检查this.$refs[‘XXX’].resetFields() 的xxx是否与表单名相同2、检查prop中的值是否对应XXX表单中的字段 <el-form :model="XXX" ref="XXX" > <el-form-item label="类型" prop="type"> <el-select v-model="XXX.type"
2021-11-13 08:34:01
1686
原创 element el-select el-option选项可删除
element el-option选项可删除预览实现预览实现 <el-select v-model="template" @change="templateChange"> <el-option v-for="item in templateList" :key="item.id" :label="item.name" :value="item.id"> <span>{{item.name}
2021-11-08 15:42:12
2269
原创 el-timeline-item时间线颜色动态变化
时间线颜色动态变化1、效果图2、实现 <el-timeline-item :color='colors(runningSort,index)' v-for="(item,index) in List" :key="item.id">//js colors(running,index){ if(running>index){ return '#0bbd87' } },...
2021-11-03 13:48:03
3619
原创 [Vue warn]: Error in v-on handler: “TypeError: Cannot read properties of null (reading ‘XXX‘)
问题描述删掉html标签里的this. ！！！！！
2021-11-02 16:12:16
10896
3
原创 2020-12-30
NG-ZORRO模板基础语法和常犯错误总结引言常用包推荐一、使用命令创建模块二、页面连接三、两页面跳转和 Angualr routerLink传值1.两个页面跳转（1）NG-ZORRO组件中==Drawer抽屉==模板使用ts方法跳转（略）（2）用routLink实现两页面跳转2.两个页面传值（1）NG-ZORRO组件中Drawer抽屉模板传值父到子（略） @input @output子到父(观察者)（2）用routLink实现传值四、搜索功能（待更）待解决出错五、modal框+form表单六、modal框
2021-09-21 18:13:46
484
原创 两种方法解决element el-select的option内容过长问题
el-select的option内容过长问题描述解决方法1、隐藏2、换行问题描述窃.格瓦拉的一句话太长，有限的空间已经不够他进行发挥，只能由勤劳的前端进行调整解决方法1、隐藏::v-deep .logMgCls .el-select__tags-text { display: inline-block; max-width: 195px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/
2021-09-01 11:28:22
5142
2
原创 el-table多选，获取选中数据
el-table多选，获取选中数据效果图经常用到记录一下，到时候直接复制，不用费劲自己记住效果图 <el-table :data="dataList" border 多选 @selection-change="selectionChangeHandle" :max-height="listHeight" style="width: 100%;">
2021-08-24 15:36:59
2844
原创 vue Element模板el-pagination前端分页
el-pagination前端分页1、安装需要的包2、引入包3、html3、javascript平静的一天，后端又给我整活了，因为数据量太大，后端拒绝进行分页，要求前端分页，好吧，开整1、安装需要的包 yarn add lodash 或 npm i --save lodash2、引入包import * as _ from 'lodash';3、html <el-table :data="detailList" style="width:
2021-08-20 08:46:30
247
原创 el-date-picker自定义时间+半年前禁选（自定义禁选时间）
<el-date-picker v-model="analysisTimeRange" value-format="yyyy-MM-dd" type="daterange" :default-time="['00:00:00', '23:59:59']" :picker-options="pickerOptions" range-separator="-" start-placeholder...
2021-08-20 08:17:26
985
2
原创 前端VUE导出PDF
导出PDF图片参考步骤1、安装需要的包2、写一个工具JS，打印界面打印时用来调用3、解决内容截取不全、模糊等问题4、写在参考1、Vue 导出PDF文件，导出pdf模糊，导出图片不全，导出不清晰问题终极解决方案 (作者：IT程序员的日常)2、vue 项目导出pdf两种方式 （作者:丿乐灬学）3、一个导出pdf的完整demo，可以直接拿来使用 （作者:丿乐灬学）步骤1、安装需要的包npm install --save html2canvas npm install
2021-07-29 10:12:46
920
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人