随笔分类 - Vue.js
摘要：keycloak是一个面向现代应用和服务的开源身份和访问管理解决方案。它使得针对应用程序和服务的保护变得容易，几乎不需要代码。简而言之，Keycloak的主要是为Web应用或者RESTful API提供SSO。 关于Keycloak的基础知识，你可以自己下载。网上有很多入门的教程，本篇直接从Java
阅读全文
摘要：出现这个问题，控制台会报 。其原因在于Vue router在3.1之后把 方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。 如果你仔细观察并复现了多次错误你会发现，vue router是先报了一个 的错误(因为push没加回调)，然后再点击路
阅读全文
摘要：Element UI里的 是个优秀的时间选择器，支持的选项很多，定制型很强。不过 在2.12版本之前并不支持自定义单元格样式，也就是2.12的 功能。所以如果使用了2.12之前的版本，那么你就无法直接去更改单元格的样式了，因此在日历上就无法标记出重要日期(比如放假安排)。 公司项目里用的Elemen
阅读全文
摘要：一、当前存在的问题 目前项目前端请求后台数据的方式是这样的： 1. 页面中 中`dispatch action` 2. 调用 ，请求 3. 请求到数据后存储到 中 4. 页面中在 中获取 ，使用 监听到数据变化之后做业务逻辑。 调用流程如图: 在当前的项目中，这样的调用方式可以解决异步请求，对于接口
阅读全文
摘要：Vue是个优秀的前端框架，不管是前端还是后端开发人员都能很快使用Vue来开发应用。但是随着项目开发的深入，组件之间的依赖就变得越来越多，耦合越来越严重。这时候我们迫切地需要分析下组件和依赖之间的调用关系了。 一、探索 经过一番寻找，我发现了 "stats webpack plugin" 这个插件。链
阅读全文
摘要：问题描述 使用Element UI中的table组件时会遇到一个常见的问题。当在el table中调用子组件的时候会出现数据更新后，子组件没有重新渲染的问题。 eg:资源列表中的健康度组件。 代码如下： 理论上当我更新数据的时候，sourceData的值已经发生了改变(而不是其中的某个字段发生了改变
阅读全文
摘要：Vue 父组件循环使用refs调用子组件方法出现undefined的问题 1. 背景 最近前端项目遇到一个问题，我在父组件中使用了两个相同的子组件child，分别设置 为add和update。其中A组件的功能是新增，也就是说在页面上A页面只有一个。而update组件是放在表格里的，表格中的每一行数据
阅读全文
摘要：最近在做一个树形结构的组件，使用了Vue和element UI中el-tree组件。因为树中每个节点都需要显示一个图标图片，并且需要根据后台传入的数据类型动态地显示，所以图片的路径需要动态地加载。下面是核心组件代码： <el-tree :data="data" class="tree-view" n
阅读全文
