liulang1905的博客

div自己适应宽度可以让其先没有宽度，直接float后left或rightfloat: left;

使用nginx发布后，之前用的el-button鼠标悬浮时没有背景色具体原因不太清除，使用 :hover 解决开始时没有问题时发布后添加 :hover样式.data-filter:hover { background: #c3d7ee; color: #fff;}

这里先说404问题，比较简单就是vue中路由mode的问题如果不嫌弃地址有#号的话就改成默认hash或者直接将这个属性删了就行，删了直接使用默认如果说不想地址有#的话配置下nginx即可nginx配置try_files $uri $uri/ /index.html;如果以上已解决您的问题可以不在往下看了，下面只是记录自己的一个踩坑过程，避免以后再犯我的路由一直是使用的是 history ，没有配置nginx所以有了很多问题先描述以下错误症状，一开始发布到nginx下能访问，但是访问一会

先说下我的问题，在vue开始的时候配置了跨域代理，开始时没有问题，但是build 发布到nginx中时访问后台就404了，下面给出我的处理方法先展示下错误的时候这里是我登录的时候调用后端接口404没有资源查看请求地址，发现我在vue里配置的代理地址没有生效，直接将我代理的那个前缀拼了上来，后又拼上了我需要请求的接口个人分析原因：因为我这里需要跨域请求，在开发时配置了代理，但是在开始是使用的是 npm run 可能用的是node.js发布的就直接生效了 ，现在是用的nginx发布而本事配置的代理

先看一下父子组件的 mounted created 等一些钩子函数的先后顺序1 父组件：beforeCreate2 父组件：created3 父组件：beforeMount4 子组件：beforeCreate5 子组件：createc6 子组件：beforeMount7 子组件：mounted8 父组件：mounted目前需求是要在父组件先个data 里的属性赋值，后传给子组件，所以就可以按照顺序写方法了，核心就是：按照钩子顺序来先赋值后传即可...

原文连接添加链接描述先说下这个的主要问题大概是，因为我将拦截的代码写在了，main.js中个人理解是在刷新页面时会main里已经引入的js会生效，而我们加入的其它代码可能会在当前页面加载完后生效，测了以下确实是，当页面加载完后，点击的按钮去请求就会被拦截到，解决方法是新建一个js文件，/*引入axios*/import axios from 'axios';之后添加拦截器// 创建axios实例var instance = axios.create({timeout: 1000 * 12

子组件调用父组件方法时报的错感谢这位大佬提供的解决方法，原文地址地址问题原因：this.$paren 这就话应该是获取父组件，因为我使用了element-ui 将我的子组件包了起来，获取到的父组件就是element-ui了，所以在调用父组件的方法是肯定是没有了我这里的子组件是 navigation-left <el-aside :width="navLeftWidth + 'px'" class="scroll"

窗口的大小变化后，echarts只有在init时给了初始大小后没在动了，要不然我们刷新下浏览器（当然这样有点low），另一个方法是神奇的 resize，下边介绍怎么使用主要原理：个人理解是每一个echart 都有自己的一个对象，也有自己的resize方法，resize方法就是重新绘制canvas，所以我们的核心就是调用这个resize方法即可，所以监听浏览器窗口缩放时调用这个方法就会刷新了，当然你有其它需要刷新的也可以调用这个方法首页我们需要得到 init后返回的对象我这里的chart 在外边已经声明

记录一次小坑，就是可能路径不对，需要放到public下 和 index.html同级就好了<!-- 你的具体路径 这段在你的index.xml中引入，这里引入可以全局使用，如果单独页面也可以单独引入--><link rel="stylesheet" href="/icons/iconfont.css"><!-- 下载后的图标的class --><span class="iconfont icon-zhankai"></span>如

先看下问题代码setInterval(function(){ this.navLeftWidth--; console.log('this.navLeftWidth ',this.navLeftWidth); }, 1000);后度娘后找的问题说是 this指向问题，如果用我这种古老的function写法会指向widow，所以肯定是找不到data里的数据了，可以改成 es6的箭头函数后就没问题了，也可以使用一个 that = this 这样将this保存下来

这里的思路是不固定header和aside，让main中的内容超出后滚动条显示，但是浏览器滚动条有可能还在，需要另外处理 .el-main { color: #333; text-align: center; line-height: 160px; height: 93.5vh; /* overflow-y: scroll; position: absolute; */ }滚动条可以后续美化以下...