Vue

02
July
vue两个页面共用css
最近遇到个小问题,VUE中有A、B、C三个页面,A和B两个页面有公用的CSS,现在想要把这一部分css代码提出来。引入css的时候发现不能直接在js里important,因为是单页面应用,js里引入了就相当于全局引入了,对C页面也会产生影响。正确的做法是在A和B两个页面的<style scoped></style>标签里用@import url('../style/a_b_common.css');这样被引入进来的css代码也会被当前页面私有化。每个页面或者组件可以有多个<style>标签,私有的样式和公共的可被修改的样式应该分开来写。
668
2019/07/02
28
Feb
VUE单页面网站 历史模式路径刷新404
VUE项目的URL一般都会带有一个#,开启历史模式history mode后就可以去掉。但是这样会有一个问题,当我们部署后,访问一个非主页的路径,比如www.xxxxx.com/login ,会报出404错误。这是因为VUE中的URL都是虚假的,实际是不存在的,自然会报404,所以我们需要调整下该项目文件夹下的URL重写rewrite。下面以Apache为例(因为我没用过Nginx)确定开启了mod_rewrite模式开启方式不详述了,Centos7的模块配置默认在/etc/httpd/conf.modules.d。开启网站文件夹的AllowOverride找到对应网站的配置Virtua...
1,017
2019/02/28
22
Jan
ElementUI upload组件使用自己接口上传图片
项目用到了ElementUI作为UI框架,在做一些上传图片的功能时也自然用到了upload组件。upload组件自带有异步上传图片的功能的,当然想用自己的接口也是可以的,只需要在before-upload事件里调用自己的接口,并在最后返回false,组件就不会调用自己的上传方法。但是action参数必须要有,任意填或为空都可以。<el-upload class="avatar-uploader" action="" :before-upload="beforePicUpload" :show-file-li...
2,568
2019/01/22
26
Apr
VUE自定义组件绑定事件和通信
自定义组件无法直接使用@click="function()"绑定点击事件需要使用自定义事件v-on:click.native="function()"子组件通过this.$emit('exchangetab',t)注册'exchangetab'事件 methods:{ exchangetab(t){ if (this.thetab!=t){ this.thetab=t; this.$emit('exchangetab',t) } ...
817
2018/04/26
24
Apr
VUE 实现按需加载组件
component: resolve => require(['@/page/company/index.vue'], resolve)通过以上方式实现按需加载组件,可以在一定程度上优化网站速度
402
2018/04/24