vue
a_grain_of_wheat
这个作者很懒,什么都没留下…
展开
-
vue项目中,amr格式的音频播放
amr格式的音频在pc端播放原创 2022-08-18 16:06:43 · 2998 阅读 · 1 评论 -
关于使用elementUI的总结
一、多选组渲染和选中 <el-checkbox-group v-model="checkboxGroup1" size="medium"> <el-checkbox border size="medium" v-for="item in headerList" :label="item.key" :key="it原创 2020-12-07 15:49:20 · 176 阅读 · 0 评论 -
关于使用input调出系统键盘,页面上移滑动问
最近使用input输入框 写了移动端的项目 有以下几个问题1、调出键盘,页面没有上移 ,键盘盖着了输入框。是因为样式中 定位的问题 元素使用 fixed定位 但是top 一定不能设置为固定值 建议使用 % 。还有其他方法,下面会详细介绍。2、第一次的需求是 父盒子背景图 不能跟着上移 只有表单部分可以上移这样书写样式可以让content 部分上移...原创 2020-01-17 17:46:11 · 1941 阅读 · 0 评论 -
在使用vue router时改变滚动条位置到顶部
使用mui框架下:vue router默认记录了滚动条的位置,因此在下一页刚进入时滚动条的位置与上一个页面一致。要想在下一页刚进入时滚动条位置在顶部:解决办法: mui('#scroll1').scroll().scrollTo(0,0,0);注: #scroll1 存放页面内容。其他情况:直接在vue项目的main.js中配置router.afterEach((...原创 2018-10-08 09:02:32 · 676 阅读 · 0 评论 -
数组从后往前删除,关于数组中slice的用法
需求是:arr = [ 1, 2, 3, 4] 数组截取返回的是 arr = [ 1, 2, 3]但是 由于对slice(statr,end)的理解有误,以至于返回的总是最后一位写法:arr.slice(this.arr.length - 1, 1)后经过仔细研究,发现,slice( 截取的开始位置(下标索引),截取到那个位置(下标索引))正确的写法是 arr.s...原创 2019-03-14 14:57:10 · 3668 阅读 · 0 评论 -
vue项目中,模拟多选框选中效果,点击选中再次点击取消选中
点击选中再次点击取消选中,并且不影响其他选项的选中效果。1、在data中创建 selectArr : [ ] 数组 “selectColor”是选中后的文字样式<li v-for="(item,index) in reasons" :key="index"> <div @click="selectReason(item,index)" :class="se...原创 2019-06-21 09:34:29 · 2844 阅读 · 2 评论 -
vue项目中录音进度模拟,进度条按毫秒前进,进度条样式和进度设置
进度条的书写大量使用css样式progress-end是进度条上的小圆圈,在进度向前走的时候小圆圈也跟着向前走<div class="grade"> <label class="progress"> <label class="progress-content" :style="{width...原创 2019-06-21 10:11:38 · 1158 阅读 · 0 评论 -
从数组中随机获取某一个元素
固定的数组,从中随机选取一个元素出来,并且每次的返回不同function shuffle(array,num) { var temp = [], temp = array var return_array = [] for(var i=0; i<num; i++){ if(temp.length>0){...原创 2019-08-23 14:50:07 · 6406 阅读 · 0 评论 -
按顺序获取数组的元素
从一个固定的数组中依次获取元素function SplitArray(array,num){ var temp = [], temp = array var return_array = [] for(var i=0; i<num;i++){ if(temp.length>0){...原创 2019-08-23 15:02:24 · 1278 阅读 · 0 评论