- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue element tabs 选项卡刷新页面默认到当前位置
data 里定义activeName：1 默认第一个creadecreated(){this.getLocket()},methods{getLocket(){if(localStorage.getItem('user')!==null){this.activeName=localStorage.getItem('user')}},handle...
2020-09-04 11:03:13
1165
原创 vue element 树形图回显
<divclass="roleList"><el-treeref="tree":data="accessList"show-checkboxnode-key="menuKey"highlight-current:props="defaultProps":default-expanded-keys="ch...
2020-08-29 10:02:11
691
原创 vue 根据后台返回文件流 导出数据
第一步 <el-button @click="exportMessage">批量导出</el-button>第二部methods里面写方法exportMessage() { let data = { search: this.ruleForm.searchPeople, 向后台传的参数 PageIndex: this.PageIndex,...
2020-08-12 10:11:13
1568
原创 小程序 返回顶部
<!--固定按钮--><imageclass="fixd-top{{showtop?'showtoppic':''}}"src="../../images/icon/top.png"bindtap="goTop"></image>.fixd-top{width:88rpx;height:88rpx;...
2020-04-13 18:27:16
106
原创 小程序 自定义switch 按钮上文字显示
<viewclass="switch"><viewclass="switchNums{{_num==0?'currentNum':''}}"bindtap="switchChange"data-index="0">{{selectOpen[0]}} </vi...
2020-04-13 18:18:24
3591
原创 vue 可 滚动的选项卡
1首先得安装we-vuehtml<wv-tabs swipe-threshold:4 @click="tabActive"><wv-tabv-for="(value, index) in tablesTeacher":key="index":title="value">{{ index + 1 }}---{{ value }}...
2020-01-08 15:15:41
929
原创 vue element 日期选择期间禁止 今天之前三年内的日期（不包括今天）
第一种方法 不严格方法 按天计算 会有问题 闰年 一月会有31 天 28天 30天 没有考虑进去再return 里面写 pickerOptions0: {disabledDate: time => {let a = new Date().toLocaleDateString() + " " + "23:59:59";...
2019-12-31 10:39:39
997
原创 vue 后台管理批量确认
<div class="actions-row" style="display:flex;margin-bottom:20px; "><el-buttontype="primary"@click="allConfirmation":disabled="this.multipleSelections.length===0">批量确认</el-...
2019-12-20 13:34:10
318
原创 vue 点击按钮获取60秒倒计时
html<div class="button"><van-button type="info" v-show="show" @click="getCode">获取验证码</van-button><van-button type="info" v-show="!show" class="count">{{count}} s</van...
2019-12-20 13:26:09
1422
原创 js时间日期处理
//前几天的日期function getBeforeDate(n){ var n = n; var d = new Date(); var year = d.getFullYear(); var mon=d.getMonth()+1; var day=d.getDate(); if(day <= n){ if(mon...
2019-12-20 13:23:34
397
原创 css设置滚动条样式，隐藏滚动条
css部分/* 横向滚动容器 */.scroll-wrapper {width: 100%;overflow-x: auto;height: 22px;white-space: nowrap;display: flex;-webkit-overflow-scrolling: touch;}.scroll-wrapper span {display: block;paddin...
2019-12-20 13:20:12
257
原创 vue element 导入出错 弹窗提示
js代码successF(response,file,fileList) {if(response.code==="success") {this.$message.success("导入成功");this.getList();}else{this.getList();this.errorLists=response.data;if(thi...
2019-12-20 13:18:40
1166
原创 css实现transform实现tabbar跟随动效
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><...
2019-12-19 11:28:56
636
原创 网页调试vconsole和eruda
方法一：vconsole预览地址：https://www.w3cways.com/demo/vconsole/官方文档：https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md使用方式：引入此js<head><script src="https://www.w3cways.com/demo/vcon...
2019-12-19 11:27:54
250
原创 vue开发 - 获取url后面的参数
{path:'/detail/:id/', name:'detail', component: detail, meta: { title:'详情'} }获取参数 let id = this.$route.params.id1备注:1、参数名需要保持一致2、如果路由中没有传参（http://192.168.1.12:8080/#/detail），会报错，页面无法显示，...
2019-12-19 11:27:18
1133
原创 年月日时间格式转时间戳 ，ios系统不兼容 JS 中 = new Date(yyyy-mm-dd)方法
vartime='2018-08-02 12:00:00'vard=newData(time)console.log(d.getTime())vartime ='2018-08-02 12:00:00'vararr = time.split(/[- : \/]/),vard =newDate(arr[0], arr[1]-1, arr[2], a...
2019-12-19 11:25:57
415
原创 vue开发 - transition之页面切换过渡动画
h5页面在内嵌在app里使用，页面切换时体验不太友好，可以使用transition设置动画，页面前进和后退时保持和原生客户端一样的切换效果：1、在路由里设置，meta的index的值，通过index值的大小控制页面跳转层级顺序，如下：首页 => 产品 => 详情export default new Router({routes: [{path: '/index',name:...
2019-12-19 11:23:06
744
原创 css小技巧：表单的label在字体个数不同的时候，让字体间距相等
html结构 <ul> <li><label>姓名</label></li> <li><label>身份证</label></li> <li><label>手机号码</label...
2019-12-19 11:21:51
576
原创 css伪元素实现有序编号
<div class="content"><p class="index">年龄在18-60岁</p><p class="index">有淘宝账号</p><p class="index">手机实名制</p><p class="index">开通网银的银行卡（或信用卡）</p><...
2019-12-19 11:17:31
261
原创 css实现鼠标悬停图片放大显示
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>* {margin: 0;padding: 0;font-family: "微软雅黑";}.avatar {display: block;widt...
2019-12-19 11:13:04
2056
原创 git 查看代码数量
git log --author="e-hanyu" --pretty=tformat: --numstat | awk '{ add += $1; subs += $2; loc += $1 - $2 } END { printf "added lines: %s, removed lines: %s, total lines: %s\n", add, subs, loc }' -注：...
2019-12-19 11:09:47
800
原创 ## vue设置路由title，实现在vue路由发生变化的时候，相应的页面title随之变化 浏览器对应光标
第一步 通过命令行“npm install vue-wechat-title --save” 来安装插件。2、在路由里面配置每个路由的地址对应的title：3、在 main.js 中引入并使用插件：4、在src目录下的app.vue中修改router-view：...
2019-12-19 11:02:15
281
原创 小程序跳详情
凡是data-自定义值 的为自定义属性值必须是data开头：例 data-postd="{{item.postId}}"event.currentTarget.dataset 所有自定义属性的集合注意：data-postad和后台定义的postId不能重名，否则得到undefinda、post.wxml//定义跳转事件 onTapdetail 定义传递的属性志data-postad...
2019-03-12 16:43:11
141
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人