08 2022 档案

监听表格内的滚动条，触底加载数据

摘要：场景：表格内的数据太多，导致页面太卡，所以初始化先展示100条数据，然后滚动在添加数据 mounted （）{ this.$nextTick(() => { let dom = this.$refs.logTable.bodyWrapper dom.addEventListener("scroll 阅读全文

posted @ 2022-08-28 09:52 小白张先生阅读(259) 评论(0) 推荐(0) 编辑

通过自定义指令对button进行权限的校验

摘要：通过自定义指令对button进行权限的校验场景：左侧菜单栏通过调接口获取，每一个菜单下的还有该菜单下的button的权限操作，在mentType为2时，该children就是button权限列表 1.先获取所有有权限的buttom import store from "@/store" expor 阅读全文

posted @ 2022-08-28 09:34 小白张先生阅读(134) 评论(0) 推荐(0) 编辑

给element中的表格加单选按钮

摘要：项目场景：表格数据只能勾选一条数据，测试想把多选框换成单选框 <el-radio :label="scope.$index" v-model="templateRadio" @change.native="getTemplateRow(scope.$index,scope.row)"> 注意：1. 阅读全文

posted @ 2022-08-10 21:59 小白张先生阅读(302) 评论(0) 推荐(0) 编辑

如何把数组处理成tree型结构

摘要：1 将数组处理成tree结构 let treeData = [{ id: 1, pid: 0, name: '中国' },{ id: 2, pid: 0, name: '美国' }, { id: 3, pid: 1, name: '上海' }, { id: 4, pid: 1, name: '深圳' 阅读全文

posted @ 2022-08-10 21:35 小白张先生阅读(262) 评论(0) 推荐(0) 编辑

Loadsh 中的防抖节流怎么去使用

摘要：项目场景：表格中的操作按钮，要是连续点击只能在多少秒内调用一次接口节流：创建一个节流函数，在 wait 秒内最多执行 func 一次的函数 import _ from "lodash" methods: { handle () { this._throttle(data) } _throttl 阅读全文

posted @ 2022-08-07 09:04 小白张先生阅读(173) 评论(0) 推荐(0) 编辑

Element树形懒加载表格，数据刷新时刷新列表（触发懒加载）

摘要：使用懒加载解决子节点增删后，不刷新新节点数据问题 <el-table :load="load" ref='myTable' data () { return { maps: new Map() } } methods: { load (row, treeNode, resolve) { // 存在m 阅读全文

posted @ 2022-08-07 08:53 小白张先生阅读(2195) 评论(0) 推荐(0) 编辑

滚动条保持在底部

摘要：项目场景：刷新数据，让滚动条保持在最底部 // jquery 实现滚动条在底部 this.$nextTick(() => { let dom = $(.el-table .el-table_body_wrapper) dom.animate({ scrollTop: dom.prop('scroll 阅读全文

posted @ 2022-08-07 08:29 小白张先生阅读(263) 评论(0) 推荐(0) 编辑