- 博客(30)
- 资源 (1)
- 收藏
- 关注
原创 el-date-picker的时间区间type=“daterange“取值
【代码】el-date-picker的时间区间type=“daterange“取值。
2024-05-29 18:08:33
414
原创 VueX的存储与使用缓存页面查询条件
第二部:在mutations:{}里面新加一个函数用来修改state里面的值,因为vuex里是不能直接修改的。当我们在列表页面查询数据后,跳转到详情页面,返回时查询条件还在怎么处理?第一步:在vuex里新建一个对象用来保存查询条件。我们在页面跳转时只需把参数传过来就好了。以上2步vuex的准备工作就弄好了。最后在新建一个函数用来回显数据。最后页面就能看到回显的数据了。
2023-07-24 09:21:03
651
原创 el-pagination选中页码和vuex存的页码不一致
在使用 Element UI 中的 pagination 时出现了一个问题。点击页页码可以正常跳转,跳转到对应页面后,再跳转到其他路由,然后返回。页码又被重置为4。分页组件拿到不合法的 currentPage 会将页码重置为 1,即使之后修改了 total ,也不会重置 currentPage。奇怪的是,我已经将页码数据存储到 vuex 中,而且通过 vue devtool 查看确实页码数据并不为4。解决方法:将 total 初始值置为 null 而不是 0即可生效选中当前页码和vuex缓存一致。
2023-07-21 17:50:55
523
原创 jquery ajax请求pdf文件流下载显示空白解决方案
jquery ajax请求pdf文件流下载显示空白解决方案$.ajax({ cache: true, type: "GET", url: domain, //pdf文件流的请求接口 async: false, mimeType: 'text/plain; charset=x-user-defined',//jq ajax请求文件流的方式 (起作
2021-01-05 16:28:10
4174
5
原创 Base64转二进制流以及blob文件
Base64转二进制流以及blob文件1.Base64转文件格式大小(带有前缀的截取,比如data:application/pdf;base64,JVE。。。) function base64toBlob(dataurl, filename) { ////将base64转换为文件 var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1])
2020-11-10 10:47:25
3100
原创 解决ie兼容颜色rgba格式 实验目前到支持IE5
解决ie兼容颜色rgba格式background-color:rgba(0,0,0,0.5);-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);以上代码
2020-10-13 11:25:49
491
原创 JS将两个数组合并成一个对象数组
将两个数组合并成一个对象数组 let options = []; let times = [30, 60, 120, 300, 420, 540, 720, 900, 1200]; let timesDesc = ["30分钟", "1小时", "2小时", "5小时", "7小时", "9小时", "12小时", "15小时", "20小时"]; options=[ { time: 30, timeDe
2020-08-12 10:22:32
7728
1
原创 el-date-picker区间设置默认值(当前月第一天到当天)
el-date-picker设置为daterange日期区间<el-date-picker v-model="dateVals" type="daterange" value-format="yyyy-MM-dd" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picke
2020-07-27 15:44:12
5179
原创 vue实现按回车键登录
首先在mounted中绑定监听事件mounted(){ //绑定事件 window.addEventListener('keydown',this.keyDown); }在写一个监听事件的方法 methods:{ keyDown(e){ //如果是回车则执行登录方法 if(e.keyCode == 13){ this.login(); } }}最后要销毁事件destroyed(){
2020-07-16 17:18:52
2015
1
原创 vue elementUI 点击当前设置选中样式,其他样式显示正常
vue elementUI 点击当前设置选中样式,其他样式显示正常<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/inde...
2019-10-18 16:00:48
3401
原创 遍历数组筛选条件
let a = [ {"id":192,"type":"3","name":"朱小妮",status:1}, {"id":193,"type":"4","name":"家属",status:1}, {"id":194,"type":"5","name":"见证人",status:0} ];方法1:var b=[];for(var i=0;i<a.length;i++){...
2019-09-09 17:03:37
675
原创 element-ui icon 图标无法正常显示问题
element-ui icon图标无法正常显示使用vue-cli3脚手架搭建的项目,在打包文件上服务器的时候,其他的css,js样式都能正确加载出路径,但是element的icon图标却不能正常加载出来。加载的路径https://yxq.linksign.cn/static/css/static/fonts/element-icons.535877f.woff本应该加载的路径https:/...
2019-08-27 10:04:12
5314
原创 ES6模板字符串if语句判断
ES6模板字符串if语句判断`<ul> <li> <span></span> <span ${ info.realname? 'class="hidden"' : '' }></span> <span></span> </li></ul>`...
2019-08-21 15:37:58
4923
原创 截取地址栏的域名
截取地址栏的域名function getPath() { var url = document.location.toString(); var arrUrl = url.split("/"); var relUrl = arrUrl[0] + "//" + arrUrl[2]; return relUrl }; var do...
2019-08-13 16:50:10
360
原创 遍历JSON转固定数组格式
var datas= {"1":"H5页面","2":"小程序插件","3":"微信小程序扫码","4":"企业微信扫码","5":"数据签名","6":"屏端签名","7":"文件自动签名","8":"平板电脑","9":"小程序后置签署","10":"屏签不带指纹"};let jsonArray=[];for(let key in datas){let json={};json.i...
2019-07-24 15:40:04
185
原创 vue时间戳格式化为日期格式
vue时间戳格式化为日期格式filters: { formatDate: function (value) { let date = new Date(value*1000); let y = date.getFullYear(); let MM = date.getMonth() + 1; ...
2019-07-05 15:52:28
166
1
原创 webpack+vue-cli项目中引入外部非模块格式js的方法
webpack+vue-cli项目中引入外部非模块格式js的方法在开发vue的项目(我使用的是vue2),需要添加js,虽然可以通过npm install 安装插件,但是如果有一些插件并没有开源,这时候我们只有脸上宽面条了。所以我更倾向于在webpack中引入外部js文件。1.直接引用Note:(红色标注部分)位置1:将页面中需要用到的js,引入进来,from 后面是该js所在的文件目录...
2019-07-05 15:32:13
717
原创 Vue脚手架使用步骤
Vue脚手架使用步骤1、安装webpack全局安装webpack命令行: npm install webpack -g2、安装vue-cli脚手架构建工具全局安装,输入命令行: npm install vue-cli -g安装完成后执行命令: vue -V 查看版本号,出现相应得版本即为安装成功3、通过vue-cli,初始化vue项目通过以上几步,将我们安装脚手架所需要的环...
2019-07-05 14:45:00
417
转载 Vue中使用Font Awesome
Vue中使用Font Awesomehttps://blog.youkuaiyun.com/zyj362633491/article/details/86422353vue使用图标库
2019-04-11 16:42:54
223
原创 elemUI侧边栏导航选中样式
组件与组件通信两种方式:1,用watch:监听仓库值变化。2,一个组件调用另一个组件方法,及传参导航组件:&amp;amp;amp;lt;el-menu background-color=&amp;amp;quot;#fff&amp;amp;quot;text-color=&amp;amp;quot;#121212&amp;amp;quot;active-text-color=&amp;amp;quo
2019-01-09 11:35:04
3115
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人