
优化
wei佳
这个作者很懒,什么都没留下…
展开
-
el-table分页多选功能
【代码】avue 表格树结构懒加载解决子节点刷新的问题。转载 2023-03-02 14:31:04 · 243 阅读 · 1 评论 -
js树形数据搜索 根据子节点找到父节点 给子节点种上父节点标识,方便找到顶部菜单标识
【代码】树形数据搜索 给子节点种上父节点标识,方便找到顶部菜单标识。原创 2022-11-03 14:11:01 · 285 阅读 · 0 评论 -
eslint 常用配置
【代码】eslint 常用配置。原创 2022-10-24 15:59:21 · 415 阅读 · 0 评论 -
VUE数组根据ID相同,对 value进行累加以及数组去重
js算法转载 2022-06-14 15:45:52 · 2595 阅读 · 0 评论 -
【收藏】JS一行代码优秀写法
JS代码,一行写法转载 2022-06-08 11:06:31 · 370 阅读 · 0 评论 -
vue解决 element分页:删除最后一页的所有数据后(包括批量删除),刷新后数据表格为空。(前端、后端两种方法)
表格第二页只有一条数据,这时删除后,拉取刷新表格,发现表格分页跳到第一页,但是总数是20条,页面也没数据,这其实是分页的current值还是2导致直接上代码 handleDel(taskRow) { this.$confirm('此操作将删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then((原创 2022-05-12 19:22:23 · 3211 阅读 · 1 评论 -
js跳出for双循环
let bool =false for (let index = 0; index < config.length; index++) { const v = config[index] for (let i = 0; i < cache.length; i++) { const e = cache[i] if(e.prop===i.prop){ bool = true break //跳出里面这层 } } if (bool) {原创 2022-02-16 12:34:18 · 5500 阅读 · 0 评论 -
VUE 监听多个参数变化,用于多个条件任意一个变化触发事件
computed: { // 监听以下参数变化 arguments() { const { shipCoId, shippingAgentId, configType, type, shipCoName } = this return { shipCoId, configType, type, shippingAgentId, shipCoName } } },.原创 2022-01-12 16:38:06 · 1184 阅读 · 0 评论 -
vue表格分页勾选状态保留
/** 解决当前页面搜索后依然保持表格多选状态 * currentPageData 当前页所有数据 * currentPageSelected 当前页已选数据 * currentPageNotSelected 当前页未选数据 * */ resolveAllSelection() { const currentPageData = (this.$refs.tableReff.getTableDat..原创 2022-01-07 14:58:30 · 889 阅读 · 0 评论 -
el-input-number change传参数
<el-input-number v-model="scope.row.number" style="width:100px;" :disabled="isDisabled" class="addpp-input-number" size="mini" :min="1" label="数量" @change="(currentValue, oldValue,)=>{inputNumberChange(currentValue, oldValue,sc原创 2022-01-06 14:51:51 · 3177 阅读 · 2 评论 -
采用虚拟列表umy-UI 后自定义表格排序
sortChange({ column, prop, order }) { // prop:排序的字段、order:升序(ascending)、降序(descending)、取消排序(null) const copyTableDate = deepClone(this.tableData) let reserveData = [] // 过滤后保留的数据 const filterData = [] // 过滤掉的数据 c...原创 2022-01-05 16:41:33 · 1239 阅读 · 3 评论 -
解决虚拟渲染大数据表格无法使用ctrl+f搜索,自己模拟一个
⚠️⚠️⚠️⚠️⚠️⚠️注意。mac、win、上面监听按键是有差异的,比如(e.key === ‘Meta’) || (e.key === ‘Control’),谷歌浏览器和qq浏览器、edge浏览器也有差异e.key === ‘f’ || e.key === ‘F’。,大小写created() { window.addEventListener('keydown', this.keydown) window.addEventListener('keyup', this.keyup)原创 2021-12-29 18:59:00 · 1384 阅读 · 0 评论 -
VUE 表单提交按钮防抖 踩坑
//。为了提交防止多次点击调用接口 handleSubmit() { this.btnLoading = true this.$refs['formDataRef'].validate((valid) => { if (valid) { API()//保存调用接口操作 } else { this.btnLoading = false } }) },下面这种写法 会因原创 2021-12-09 16:55:52 · 471 阅读 · 0 评论 -
解决 vue 开启keep-live 监听键盘事件无法移除监听, 同时是自定义vue的 ctrl+f 功能
解决 vue 开启keep-live 监听键盘事件无法移除监听前言不要去想什么在keepalive 生命钩子里面移除监听,我试了,没用!! 我这里是自定义写了一个ctrl+f 的功能,监听的是键盘事件,因为是mac os 所以是 if (e.key === 'Meta') // 键盘ctrl 我这里是 commond(mac) if (e.key === 'f') // 键盘f回归正题,用路由判断监听事件!!!代码如下(示例): mounted() { windo原创 2021-09-29 00:46:03 · 786 阅读 · 0 评论 -
JS 防抖和节流 实际使用
防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。从滚动条监听的例子说起先说一个常见的功能,很多网站会提供这么一个按钮:用于返回顶部。这个按钮只会在滚动到距离顶部一定位置之后才出现,那么我们现在抽象出这个功能需求-- 监听浏览器滚动事件,返回当前滚条与顶部的距离这个需求很简单,直接写:function showTop () { var scrollTop = document.body.scr.转载 2021-04-22 23:40:54 · 169 阅读 · 0 评论