chabaimgg的博客

原创 TS+elementUI的表格做form校验写法（手机/邮箱号验证）

2.rules的校验写法。1.form表单写法。

原创 TS+VUE2的el-table表格默认勾选

2.点击按钮，打开组件，调用方法，把处理好的带着数据的新数组传过去。1.首先获取表格数据，把需要的数据过滤出来放到新数组里。3.子页面的方法（需要默认勾选的组件页面）

原创 TS+Vue根据不同id从一大堆数据中匹配跟id相同的数据

需要遍历allres父数据，在父数据里遍历data集合，根据父数据的唯一id去和data集合中的flowmeterid做匹配，把data集合中flowmeterid和父数据id相同的数据都提出来分成一组一组的然后操作数据。data是根据所有父数据唯一id查到的所有跟它们有关的数据的数组集合，跟据id分类，但是查到的数据是揉在一块的。2.然后使用allres这个数组去遍历，找出符合条件的数据带入新数组。1.根据所有id吊接口查到跟id有关的所有数据。allres是所有父数据，单个且拥有唯一id。

原创 一个防抖的函数写法，适用于按钮触发方法

【代码】一个防抖的函数写法，适用于按钮触发方法。

原创 正则表达式，input循环情况下输入框只允许输入数字和小数点，其余的清空

【代码】正则表达式，input循环情况下输入框只允许输入数字和小数点，其余的清空。

原创 VUE+TS使用elementUI的el-checkbox双重v-for循环做勾选

【代码】VUE+TS使用elementUI的el-checkbox双重v-for循环做勾选。

原创 vantUI使用file对车牌号进行校验

/点击确定时的校验。

原创 好玩的css样式

【代码】好玩的css样式。

原创 TS点击表后的编辑时，表内数据和表单数据一同变化的结局方法

发生这种情况可能就是用的数据源是一样的，给对象添加一个拷贝就行了。

原创 TS使用el-tree拖拽结构+点击写法

3.右击tree的节点发生的事件，阻止冒泡和默认事件，然后启用vue-contextMenu的方法。4.拖拽成功时触发的事件，基本就是调用接口了。处理tree的数据结构，展示树形。2.1点击用户 / 组织。

原创 TS使用 ‘vue-context-menu‘；右键打开菜单，内附安装流程

3.右击tree的节点发生的事件，阻止冒泡和默认事件，然后启用vue-contextMenu的方法。安装使用vue-context-menu流程。

原创 TS的el-tree数据处理方式，递归

【代码】TS的el-tree数据处理方式，递归。

原创 TS使用Upload上传图片

主界面打开dialog的form表单。form表单的upload写法。fileList数据。

原创 TS页面全屏

【代码】TS页面全屏。

原创 TS的moment判断时间先后顺序

【代码】TS的moment判断时间先后顺序。

原创 vue+ts+echarts，3D柱状图

【代码】vue+ts+echarts，3D柱状图。

原创 vue2的switch用法

/根据mode的值的不同，进行匹配，default是在所有都匹配不上后才是它。

原创 vue+ts的el-image的方法显示图片

根据不同条件显示不同图片。

原创 定时刷新功能

【代码】定时刷新功能。

原创 css样式，两端变淡的渐变直线

【代码】css样式，两端变淡的渐变直线。

原创 vue多条件查询，纯前端

【代码】vue多条件查询，纯前端。

原创 TS+vue2组件形式写车牌选择功能

【代码】TS+vue2组件形式写车牌选择功能。

原创 vue3学习

父组件：什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

原创 TS调用删除，写法

【代码】TS调用删除，写法。

原创 组件勾选状态保持回显

【代码】组件勾选状态保持回显。

原创 纯前端搜索功能

【代码】纯前端搜索功能。

原创 mintUI计算轮播图自适应大小

原创 TS + highcharts甘特图看板，可放大缩小

【代码】TS + highcharts甘特图看板，可放大缩小。

原创 TS写Echarts，自适应图表大小

【代码】TS写Echarts。

原创 vue2+PPcharts写法

像柱状图，柱子横向并且数据指向右边。

原创 vue2的echarts写法

【代码】vue2的echarts写法。

原创 3D HighCharts流程

【代码】3D HighCharts流程。

原创 TS封装el-date-picker和使用

1.封装组件 el-date-picker。

原创 Ts使用bus事件车

1.创建utils文件夹，里面创建bus.js文件（放在src下）3.在index.js里全局配置上。2.bus.js写入内容。

原创 TS使用van-upload，携带token（图片报错401时）

【代码】TS使用van-upload，携带token（图片报错401时）

原创 TS使用highcharts甘特图，滚动放大

【代码】TS使用highcharts甘特图，滚动放大。

原创 TS下拉展开按钮制作

【代码】TS下拉展开按钮制作。

原创 Ts移动端调接口上传图片，使用file传参写法

【代码】Ts移动端调接口上传图片，使用file传参写法。

原创 Ts中El-image展示图片需要token怎么办，写成组件形式

【代码】Ts中El-image展示图片需要token怎么办，写成组件形式。

原创 Ts中El-upload上传不了图片，回显也回显不了，需要token写法

【代码】El-upload上传不了图片，需要token写法。