Aperio

摘要： 最近在使用vue开发，数据请求时参数按照文档传过去，但结果不符合预期。联系后端才知道需要form data格式的数据，效果如图所示： 顺便复习一下常见的content-type取值： 代码设置： //接口请求部分添加 headers: { "Content-Type": "application/x 阅读全文

摘要： 1.table表头和特定列颜色配置 效果图： 代码： //表头颜色 :header-cell-style="{ background: '#f7f8fa', color: '#444' }" //特殊列颜色 cellStyle(row, column) { if (row.column.label 阅读全文

摘要： 子组件在页面中的加载顺序，详情见代码： 子组件的引入 import List from "@/components/list"; 加载页面输出： 引入子组件的加载顺序： 父：beforeCreate -> 父：created -> 父：beforeMount -> 子：beforeCreate -> 阅读全文

摘要： 1.全局导航钩子 1.1 前置守卫 -- beforeEach router.beforeEach((to, from, next) => { if(判断条件){ // 下一步进行的操作 } else { // 下一步进行的操作 } }) next方法必须要调用，否则钩子函数无法resolved。 阅读全文

摘要： 1.计算属性（computed）和侦听属性（watch）的区别 computed官方文档：计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值 这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果 阅读全文

摘要： 闲来无事，总结一些之前容易忽略引起问题的点。形成这篇碎碎念 1.元素的宽高 元素大小尽量使用内容和边距值撑开，尽量不要写死数值，以免在不同的页面打开变形 2.公共样式 一些公共多次使用的样式提取出来放到公共的css,方便后期的维护修改 3.数据请求 因为不能保证每次请求数据都完全符合预期，所以需要对 阅读全文

摘要： 1.switch-case function translateState(state) { switch (state) { case "published": state = "success"; break; case "draft": state = "gray"; break; case 阅读全文

摘要： 1.图表得宽度100px 参考源码： Painter.prototype._getWidth = function() { var root = this.root; var stl = root.currentStyle || document.defaultView.getComputedSty 阅读全文

摘要： 需要实现的页面效果如图所示： 1.下载插件 npm install --save js-base64 2.插件引入 const Base64 = require('js-base64').Base64 3.cookie设置函数 setUserInfo() { // 判断用户是否勾选记住密码，如果勾选 阅读全文

摘要： 在开发过程中，我们常常需要实现一键复制链接。具体的两种实现方式如下： 1.原生开发 if (evt.target.className == 'copy-url') { var Url2 = evt.target.getAttribute('data-index'); //获取需要复制的内容 var 阅读全文