![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
AntDesignVue
曲江涛
宾果软件创始人,技术分享、开源爱好者,记录生活,追求创新。
展开
-
【Ant-Deisgn-Vue | 路由权限】根据返回用户身份创建对应的权限路由展示
项目场景:1,前端获取登录用户身份;2,根据用户身份展示不同的路由菜单;功能分析:1,异步路由模式开启;2,本地异步路由目的其实是模拟异步网络请求方法;3,根据本地编写的路由组合匹配当前身份的权限来定义路由组合以及路由权限;4,模拟的异步的路由不用考虑身份权限问题// 例如用户身份权限为 let adminUser = 'admin'; // 权限组Demolet UseroperMneu = [{ "router": "Home", "name": "首页", "path": "原创 2021-09-26 11:48:12 · 363 阅读 · 0 评论 -
【Ant-Deisgn-Vue | 轮询】定时保存信息,退出页面停止,进入页面开始
项目场景:1,进入页面,开始轮询;2,退出页面,终止轮询;3,进入页面读取缓存渲染;4,执行其他方法清除缓存;功能分析:1,setInterval2,window3,clearInterval //定义载体Timerwindow.clearInterval(this.Timer);this.Timer = window.setInterval(()=>{ this.SettimeZancun();},10000)暂存方法//存储信息SettimeZancun()原创 2021-09-26 11:04:19 · 404 阅读 · 0 评论 -
【Ant-Design-Vue | e-table】防止异常报错 Error in render: “TypeError: Cannot read properties of undefined
问题描述:1,一般提示此报错基本为table循环体出现报错,比如赋值报错脚本认为此处获取不正常会报错,columns修改报错;2,循环处理columns时,for循环添加头标签组合,导致vue.js认知获取失败;解决办法:1,请求加载loading;2,渲染 v-if;3,循环columns等待业务参数获取完毕再渲染;此类报错若出现以数字类型的报错词找数组相关的操作比如: [0],或循环数组操作相关的操作;async created () { this.$nextTick(async原创 2021-09-16 14:31:15 · 2254 阅读 · 2 评论 -
【Ant-Design-Vue | menu】点击菜单刷新页面,重载数据
项目场景:1,实现一个可以点击菜单栏,顶部分类既可重载数据的方法;问题描述:由于AntDesignVue的路由机制,打开即生成并存在一条记录存储在历史路由展开,因业务需求需要增加点击后重载数据的操作,方便客户操作使用,本方案如下:路由入手;功能分析:1,监听路由变化,若存在历史栈即刷新数据重载;2,若为首次打开,则按created步骤执行加载数据;解决方案:上代码: watch: { '$route': function (to, from) { // co原创 2021-09-16 14:02:59 · 2081 阅读 · 0 评论 -
【AntDesignVue | Table】纯前端表格 导入导出 Table表单复杂表头规则匹配模型
项目场景:1,ant-design-vue 使用表单导入展示数据2,项目需求显示为如下图所示,故涉及复杂表头的处理和显示3,本篇文章主要以复杂表头的处理讲解为主,简单表头导入导出均引入xlsx之类的插件即可使用循环对应产品属性的参与者信息并且标记填充展示功能分析:1,导出的效果,如果用原生自带的程序,是不会将两级复杂表头导出的,会默认展示两层表头的第二层,比如这样;由于没有一级表头的区分,故二级的信息是只会展示出一类,但是那样导出会出现信息错乱和覆盖,导致数据缺失,达不到理性效果。正确原创 2021-09-12 08:52:36 · 2369 阅读 · 1 评论