随笔分类 - Vue
摘要：平常的工作就是以vue2.x进行开发，因为我是个实用主义者，以前我就一直觉得，你既然选择了这个框架开发你首先就要先弄懂这玩意怎么用，也就是先熟悉vue语法和各种api，而不是去纠结实现它的原理是什么。甚至我可以这么说，你没有看过源码，只通过官方文档也能用这个框架解决绝大部分业务需要，解决大部分bug
阅读全文
摘要：Grafana是可以提供API Keys给你可以让你直接使用从Grafana获取来的数据来搭配其他图形工具来实现数据监控图的。虽然它本身也可以显示数据，但是有时候数据很全面且分散在不同页面，而有些运维同学只需要某些重要的数据，不能一下子直观看清，所以某些重要常用的数据可以单独摘选出来，不常用的可以在
阅读全文
摘要：用过SkyWalking的拓朴图功能都知道，里面有个组功能，见左下角Create Group按钮，我称之为域，一个组就是一个子域，这个功能还是很重要的，因为如果一个月内活跃的服务器很多，整体的拓朴图就会密密麻麻，点击左上角All services的下拉框的值又只能看到这个服务器相关的链路信息，这样拓
阅读全文
摘要：现在很多输入框是通过前端写死固定字段，如果这些字段是后端生成的呢？通过后端返回字段，形如 { key:'input1', label:'输入框1' },{ key:'input2', label:'输入框2' } 然后根据键值对的数量动态渲染出相对应的input框，这样表单如果有新的字段添加的话前端
阅读全文
摘要：有些项目导出功能是通过Blob对象实现的，代码差不多可能大概类似长这个样子： var params={ XX:xx, } this.$axios.get('/XXX/XXX',{ params: params, responseType: 'blob' }).then(res => { consol
阅读全文
摘要：不同的项目有不同的导出需求，有些只导出当前所显示结果页面的表格进入excel，这个时候就有很多插件，比如vue-json-excel或者是Blob.js+Export2Excel.js来实现导出Excel功能。但是有些需求因为数据量太大，成千上万条数据，所以是需要后端拼接，然后输出二进制流文件，然后
阅读全文
摘要：Vue工程中有些页面需要有缓存。这个功能通过keep-alive组件实现，keep-alive组件可以使被包含的组件保留状态，或避免重新渲染。 在routes.js中定义路由，在路由中定义元信息(meta字段)，需要缓存的页面就需要在meta对象中定义一个字段，这里设置为keepAlive，设置为t
阅读全文
摘要：利用vue做的后台管理系统是单页面系统，当你想实现刷新的功能通常有以下几个方法： (1)window.location.reload() 这个是原生js中提供的一种刷新方法，用于刷新当前文档。 (2)this.$router.go(0) vue-route提供的一种方法，在history记录中前进或
阅读全文
摘要：有这样一个场景：如果你在登录之前输入了http://localhost:8080/oauth2-mgm-app/#/userManage，想进入userManage页面，但是由于没有登录，系统是不会让你进入这个页面，之后会被定向到login页面。但是在登录之后，认为你有这个权限了，就需要重新定向到u
阅读全文
摘要：之前我写过一篇通过vue-cli3.0打包发布到nginx配置代理转发的博客，链接在此：https://www.cnblogs.com/jdWu-d/p/12197156.html，正常来说也是正确的，但不正常之处在了甲方还用了F5负载均衡和gateway来代理转发。所以之前我认为的请求->ngin
阅读全文