![](https://img-blog.csdnimg.cn/20200221113248316.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
常用记录
.
半粒糖_Qy
这个作者很懒,什么都没留下…
展开
-
vue页面转场动画
一、在App.vue中加上Vue的过渡动画标签transition,然后写上想要的转场动画css代码即可<transition> <router-view v-if="isRouterAlive"></router-view></transition> /*转场动画*/ .fade-leave-active, .fade-enter-active { transition: all .5s; }原创 2020-06-29 16:56:21 · 635 阅读 · 0 评论 -
vue获取通过for循环动态生成的ref
<p v-for="(item,i) in refArr" :ref="`list${i}`" @click="getRef(i)">ref:{{i}}</p> getRef(i) { this.$refs[`list${i}`][0].style.background = 'red'; },原创 2020-05-25 15:41:16 · 3633 阅读 · 0 评论 -
vue登陆页面中添加的点击回车键登陆事件在其他页面中也会被触发
一、今天给项目添加了点击回车键登陆的功能,但是在测试中发现无论在哪个页面点击回车键都会触发登陆事件。document.onkeypress = (val) => { if (val.keyCode === 13) { this.loginBtn() } };二、出现这个问题的原因暂时不明,解决办法是在触发登陆事件前判断当前路由是否在登陆页面下。 document.onkeypress = (val) => {原创 2020-05-21 14:09:42 · 871 阅读 · 2 评论 -
vue不同账户之间切换时的菜单路由权限管理
一、地路由文件index.js中 , 先配置一个初始路由列表,就是未登陆也能访问的页面,并加入到router中let initMenu = [ { path: '/', redirect: '/login' }, { path: '/login', name: 'login', component: Login }, { path: '/page404', name: 'page404', component: Page404原创 2020-05-21 16:44:17 · 793 阅读 · 0 评论 -
调整echarts图表常用参数
图例样式常用参数: legend: { show:true,//默认true icon: 'circle',//'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none',还可以通过 'image://url' 设置为图片 ...原创 2020-02-21 10:46:31 · 336 阅读 · 0 评论 -
简单的 vue上传图片可预览(input file)
html部份:input的name是接口中的参数名<input type=“file” name=“pic” ref=“imgInput” @change=“saveSrc()”style=“margin-left: 10px;”>js部份// 上传缩略图uploadImgBtn() {let form = new FormData($("#form")[0]);...原创 2019-10-30 16:19:13 · 2804 阅读 · 1 评论 -
css改变滚动条样式和简单的table样式
常用,记录一下。 /*滚动条的宽度*/ ::-webkit-scrollbar { width: 6px; } //滚动条轨道的颜色 ::-webkit-scrollbar-track { /*background black*/ border-radius: 5px; } //滚动条的...原创 2020-02-14 20:03:12 · 727 阅读 · 0 评论 -
为echarts图表添加全局加载动画函数和自适应效果
加载动画://showLoading做成循环,使用时可以写成数组形式批量添加,否则只能添加单个图表//例如: this.showLoading([this.chart1, this.chart2, this.chart3, this.chart4, this.chart5])this.hideLoading(this.chart1)Vue.prototy...原创 2020-02-12 21:06:12 · 1214 阅读 · 0 评论 -
原生js实时显示当前年月日时分秒星期
经常用到,所以记录一下```javascript // 显示i当前时间 showTime() { // myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) // myDate.getMilliseconds(); //获取当前毫秒数(0-999...原创 2020-02-12 20:41:29 · 460 阅读 · 0 评论