- 博客(15)
- 资源 (2)
- 收藏
- 关注
原创 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 598
原创 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 3555
原创 CSS3动画之平移、旋转、缩放、倾斜、透视
@keyframes XXX {//动画名 from{//动画来的起点 //----------------transform 转换--------------------- //translate 平移 transform: translateY(500px);//Y轴平移 transform: translateX(500px);//Y轴平移 transform: translate(50px,50px);//X,Y轴平移 transform: translate3d(x,y,z
2020-05-22 17:22:33 731
原创 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 749
原创 vue登陆页面中添加的点击回车键登陆事件在其他页面中也会被触发
一、今天给项目添加了点击回车键登陆的功能,但是在测试中发现无论在哪个页面点击回车键都会触发登陆事件。document.onkeypress = (val) => { if (val.keyCode === 13) { this.loginBtn() } };二、出现这个问题的原因暂时不明,解决办法是在触发登陆事件前判断当前路由是否在登陆页面下。 document.onkeypress = (val) => {
2020-05-21 14:09:42 825 2
原创 调整echarts图表常用参数
图例样式常用参数: legend: { show:true,//默认true icon: 'circle',//'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none',还可以通过 'image://url' 设置为图片 ...
2020-02-21 10:46:31 306
原创 js代码断点调试
一、在需要打断点的地方写上dubugger二、F12打开浏览器控制台,项目运行到打断点的地方时会弹出到控制台的Sources选项下三、功能按钮(1)pause/resume script execution :点击切换暂停或恢复,直到下一个断点时再次暂停(2)Step over next function call :如果当前函数与问题无关,可以选择跳过此函数(3)step int...
2020-02-20 20:03:21 386
原创 Vue.prototype、Vue.component和Vue.use
1、Vue.prototype在多个地方都需要使用但不想污染全局作用域的情况下,这样定义,在每个 Vue 实例中都可用。参考:https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html$ 表示这是一个在 Vue 所有实例中都可用的属性常用于方法、变量等import echarts from 'echarts'Vue....
2020-02-17 16:37:02 936
原创 css改变滚动条样式和简单的table样式
常用,记录一下。 /*滚动条的宽度*/ ::-webkit-scrollbar { width: 6px; } //滚动条轨道的颜色 ::-webkit-scrollbar-track { /*background black*/ border-radius: 5px; } //滚动条的...
2020-02-14 20:03:12 694
原创 为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 1182
原创 原生js实时显示当前年月日时分秒星期
经常用到,所以记录一下```javascript // 显示i当前时间 showTime() { // myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) // myDate.getMilliseconds(); //获取当前毫秒数(0-999...
2020-02-12 20:41:29 433
原创 JavaScript try/catch语句
try {}catch(err) {}finally {finallyCode - 无论 try / catch 结果如何都会执行的代码块}try语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。finally 语句在 try 和 catch 之后无论有无异常都会执行。...
2020-01-16 15:28:13 90
原创 从接口获取的数据同时赋值给两个变量,改变其中一个变量时,另一个变量的值也会改变
从接口获取的数据同时赋值给两个变量,改变其中一个变量时,另一个变量的值也会跟着改变导致这个问题的原因是js中有两种数据类型:基本数据类型和引用数据类型。 而引用数据类型赋值时保存的只是一个指针,指向存储在堆中的对象.所以两个变量实际上是引用的同一个对象,当其中一个改变时,另一个当然会改变了. 解决方法就是进行深度复制,因为拷贝...
2019-11-04 15:33:22 2734
原创 element Table 表格
记录一下我在使用element中表格时的常用功能。html部分:<el-table :data="searchUsers" highlight-current-row v-loading="listLoading" @selection-change="selsChange"style="width: 100%;">//绑定数让你的源:data="searchUsers"和指定10...
2019-11-01 10:09:12 518
原创 简单的 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 2770 1
loading.vue
2020-02-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人