摘要: 最近在使用vue开发,数据请求时参数按照文档传过去,但结果不符合预期。联系后端才知道需要form data格式的数据,效果如图所示: 顺便复习一下常见的content-type取值: 代码设置: //接口请求部分添加 headers: { "Content-Type": "application/x 阅读全文
posted @ 2021-10-26 11:11 Aperio 阅读(2353) 评论(0) 推荐(0) 编辑
摘要: 1.table表头和特定列颜色配置 效果图: 代码: //表头颜色 :header-cell-style="{ background: '#f7f8fa', color: '#444' }" //特殊列颜色 cellStyle(row, column) { if (row.column.label 阅读全文
posted @ 2021-10-25 15:02 Aperio 阅读(408) 评论(0) 推荐(0) 编辑
摘要: 子组件在页面中的加载顺序,详情见代码: 子组件的引入 import List from "@/components/list"; 加载页面输出: 引入子组件的加载顺序: 父:beforeCreate -> 父:created -> 父:beforeMount -> 子:beforeCreate -> 阅读全文
posted @ 2021-10-19 11:20 Aperio 阅读(814) 评论(0) 推荐(0) 编辑
摘要: 1.全局导航钩子 1.1 前置守卫 -- beforeEach router.beforeEach((to, from, next) => { if(判断条件){ // 下一步进行的操作 } else { // 下一步进行的操作 } }) next方法必须要调用,否则钩子函数无法resolved。 阅读全文
posted @ 2021-10-18 11:47 Aperio 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 1.计算属性(computed)和侦听属性(watch)的区别 computed官方文档:计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值 这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果 阅读全文
posted @ 2021-10-18 09:36 Aperio 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 闲来无事,总结一些之前容易忽略引起问题的点。形成这篇碎碎念 1.元素的宽高 元素大小尽量使用内容和边距值撑开,尽量不要写死数值,以免在不同的页面打开变形 2.公共样式 一些公共多次使用的样式提取出来放到公共的css,方便后期的维护修改 3.数据请求 因为不能保证每次请求数据都完全符合预期,所以需要对 阅读全文
posted @ 2021-10-15 10:46 Aperio 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 1.switch-case function translateState(state) { switch (state) { case "published": state = "success"; break; case "draft": state = "gray"; break; case 阅读全文
posted @ 2021-10-14 11:10 Aperio 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 1.图表得宽度100px 参考源码: Painter.prototype._getWidth = function() { var root = this.root; var stl = root.currentStyle || document.defaultView.getComputedSty 阅读全文
posted @ 2021-10-12 18:18 Aperio 阅读(273) 评论(0) 推荐(0) 编辑
摘要: 需要实现的页面效果如图所示: 1.下载插件 npm install --save js-base64 2.插件引入 const Base64 = require('js-base64').Base64 3.cookie设置函数 setUserInfo() { // 判断用户是否勾选记住密码,如果勾选 阅读全文
posted @ 2021-10-11 16:53 Aperio 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 在开发过程中,我们常常需要实现一键复制链接。具体的两种实现方式如下: 1.原生开发 if (evt.target.className == 'copy-url') { var Url2 = evt.target.getAttribute('data-index'); //获取需要复制的内容 var 阅读全文
posted @ 2021-09-30 09:55 Aperio 阅读(138) 评论(0) 推荐(0) 编辑