![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
liulang1905
这个作者很懒,什么都没留下…
展开
-
div自适应宽度
div自己适应宽度可以让其先没有宽度,直接float后left或rightfloat: left;原创 2021-11-14 17:34:36 · 6950 阅读 · 0 评论 -
vue el-button nginx发布后鼠标悬浮时没有背景色,样式丢失
使用nginx发布后,之前用的el-button鼠标悬浮时没有背景色具体原因不太清除,使用 :hover 解决开始时没有问题时发布后添加 :hover样式.data-filter:hover { background: #c3d7ee; color: #fff;}原创 2021-07-02 09:52:07 · 566 阅读 · 0 评论 -
vue发布到nginx下访问资源404,或白屏问题
这里先说404问题,比较简单就是vue中路由mode的问题如果不嫌弃地址有#号的话就改成默认hash或者直接将这个属性删了就行,删了直接使用默认如果说不想地址有#的话配置下nginx即可nginx配置try_files $uri $uri/ /index.html;如果以上已解决您的问题可以不在往下看了,下面只是记录自己的一个踩坑过程,避免以后再犯我的路由一直是使用的是 history ,没有配置nginx所以有了很多问题先描述以下错误症状,一开始发布到nginx下能访问,但是访问一会原创 2021-06-15 18:46:26 · 2845 阅读 · 0 评论 -
vue发布到nginx下请求后台404问题
先说下我的问题,在vue开始的时候配置了跨域代理,开始时没有问题,但是build 发布到nginx中时访问后台就404了,下面给出我的处理方法先展示下错误的时候这里是我登录的时候调用后端接口404没有资源查看请求地址,发现我在vue里配置的代理地址没有生效,直接将我代理的那个前缀拼了上来,后又拼上了我需要请求的接口个人分析原因:因为我这里需要跨域请求,在开发时配置了代理,但是在开始是使用的是 npm run 可能用的是node.js发布的就直接生效了 ,现在是用的nginx发布而本事配置的代理原创 2021-06-11 15:07:16 · 1979 阅读 · 2 评论 -
vue 父子组件mounted执行顺序
先看一下父子组件的 mounted created 等一些钩子函数的先后顺序1 父组件:beforeCreate2 父组件:created3 父组件:beforeMount4 子组件:beforeCreate5 子组件:createc6 子组件:beforeMount7 子组件:mounted8 父组件:mounted目前需求是要在父组件先个data 里的属性赋值,后传给子组件,所以就可以按照顺序写方法了,核心就是:按照钩子顺序来先赋值后传即可...原创 2021-05-25 14:57:27 · 5402 阅读 · 2 评论 -
Axion拦截器在直接刷新页面时没有生效
原文连接添加链接描述先说下这个的主要问题大概是,因为我将拦截的代码写在了,main.js中个人理解是在刷新页面时会main里已经引入的js会生效,而我们加入的其它代码可能会在当前页面加载完后生效,测了以下确实是,当页面加载完后,点击的按钮去请求就会被拦截到,解决方法是新建一个js文件,/*引入axios*/import axios from 'axios';之后添加拦截器// 创建axios实例var instance = axios.create({timeout: 1000 * 12原创 2021-05-21 15:21:43 · 256 阅读 · 0 评论 -
this.$parent is not a function 子组件调用父组件方法
子组件调用父组件方法时报的错感谢这位大佬提供的解决方法,原文地址地址问题原因:this.$paren 这就话应该是获取父组件,因为我使用了element-ui 将我的子组件包了起来,获取到的父组件就是element-ui了,所以在调用父组件的方法是肯定是没有了我这里的子组件是 navigation-left <el-aside :width="navLeftWidth + 'px'" class="scroll"原创 2021-05-20 16:32:56 · 9551 阅读 · 0 评论 -
echarts resize根据窗口缩放没有重新绘制问题
窗口的大小变化后,echarts只有在init时给了初始大小后没在动了,要不然我们刷新下浏览器(当然这样有点low),另一个方法是神奇的 resize,下边介绍怎么使用主要原理:个人理解是每一个echart 都有自己的一个对象,也有自己的resize方法,resize方法就是重新绘制canvas,所以我们的核心就是调用这个resize方法即可,所以监听浏览器窗口缩放时调用这个方法就会刷新了,当然你有其它需要刷新的也可以调用这个方法首页我们需要得到 init后返回的对象我这里的chart 在外边已经声明原创 2021-05-19 16:03:00 · 1685 阅读 · 0 评论 -
Vue 使用 阿里巴巴 iconfont 没有显示问题
记录一次小坑,就是可能路径不对,需要放到public下 和 index.html同级就好了<!-- 你的具体路径 这段在你的index.xml中引入,这里引入可以全局使用,如果单独页面也可以单独引入--><link rel="stylesheet" href="/icons/iconfont.css"><!-- 下载后的图标的class --><span class="iconfont icon-zhankai"></span>如原创 2021-05-19 10:57:50 · 1773 阅读 · 0 评论 -
Vue中在定时任务里修改data中的值页面无反应
先看下问题代码setInterval(function(){ this.navLeftWidth--; console.log('this.navLeftWidth ',this.navLeftWidth); }, 1000);后度娘后找的问题说是 this指向问题,如果用我这种古老的function写法会指向widow,所以肯定是找不到data里的数据了,可以改成 es6的箭头函数后就没问题了,也可以使用一个 that = this 这样将this保存下来原创 2021-05-18 18:36:28 · 1051 阅读 · 0 评论 -
vue element-ui 固定 el-header和 el-aside
这里的思路是不固定header和aside,让main中的内容超出后滚动条显示,但是浏览器滚动条有可能还在,需要另外处理 .el-main { color: #333; text-align: center; line-height: 160px; height: 93.5vh; /* overflow-y: scroll; position: absolute; */ }滚动条可以后续美化以下...原创 2021-05-18 15:38:26 · 2670 阅读 · 0 评论