![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
urnotlynley
这个作者很懒,什么都没留下…
展开
-
Vue2升级到Vue3以后的deep提示问题修改
Vue2升级到Vue3以后的deep提示问题全局修改原创 2022-09-19 15:23:33 · 515 阅读 · 1 评论 -
antd vue的table换页以后选中的数据无法记住前一页已勾选的数据
最近在开发中发现antd vue的table组件换页以后选中的数据无法记住前一页已勾选的数据只能记住selectedRowKeys, 但是换页以后selectionRows只有当前页的数据, 现在我需要也有之前勾选的rows数据(即整条数据信息)<a-table :columns="columns" :dataSource="dataSource" bordered :pagination="pagination" :rowSelection="{ onSel原创 2021-05-13 17:10:39 · 2068 阅读 · 2 评论 -
antd vue的modal可拖拽指令,包括表头拖拽和表体拖拽
项目需要使用antd-vue的modal可以拖拽,然后在网上搜了一下方法, 有一个老哥写了个方法链接在这: https://blog.csdn.net/baidu_20264113/article/details/113058067由于老哥写的是表头可拖拽, 我就稍加改了一下, 可以表体表头都拖拽,任君选择先建一个js文件import Vue from 'vue'// v-drag-modal: 弹窗拖拽Vue.directive('drag-modal', (el, bindings, vn原创 2021-04-09 15:27:30 · 1528 阅读 · 2 评论 -
vue项目打印内容
vue文件<template> <div id="printBox" v-show="showPreview"> <table border="1" style="border-collapse:collapse;width: 100%;margin: 0 auto;font-size: 12px;font-weight:400; table-layout:fixed;color: #000;"> // tr,td原生内容 </ta原创 2021-03-31 11:20:11 · 331 阅读 · 0 评论 -
基于阿里UI antd封装的导入组件
基于阿里UI antd vue封装的导入组件<template> <a-modal title="导入EXCEL" :width="600" :visible="visible" :confirmLoading="uploading" @cancel="handleClose"> <a-upload name="file" :multiple="true" accept=".xls,.x原创 2020-08-17 17:27:53 · 252 阅读 · 0 评论 -
基于饿了么Element UI的上传组件二次封装
上次写了阿里UI的上传组件封装, 这次闲着无聊写个Element UI的上传组件封装, 毕竟之前都是用Element UI用的比较多直接传建一个Vue文件,复制下面的代码, 然后在其他页面引用就行了<template> <div> <el-upload :action="uploadAction" list-type="picture-card" :class="['uploadBox',{'hideIcon':fileList.leng原创 2020-08-14 16:57:02 · 1113 阅读 · 0 评论 -
基于阿里Ant Design of Vue的上传组件二次封装
目前参与的项目使用的UI库是阿里的Ant Design of Vue由于项目中多处要用到上传组件,又不想每次照着官网的上传组件复制多次上传、删除、查看图片事件,因为可能需要多次修改,所以自己进行了二次封装,将上传单张(上传头像需求)和多张弄到一起<template> <div> <a-upload :action="uploadAction" list-type="picture-card" :disabled="disabled"原创 2020-08-06 11:16:39 · 1938 阅读 · 1 评论 -
阿里ant组件库 a-table表格合并单元格
第一次接触阿里ant ui组件库,遇到需要合并单元格的需求,就去网上找了一个判断的方法,记录一下这个是Vue项目里用到的在js中声明function getRowSpanCount(data, key, target) { if (!Array.isArray(data)) return 1; data = data.map(_ => _[key]); // 只取出筛选项 let preValue = data[0]; const res = [[preValue]]; // 放原创 2020-06-22 16:03:36 · 2088 阅读 · 0 评论 -
ios上显示倒计时时间为undefined
今天写vue项目的倒计时功能, 在ios上倒计时不显示,显示的是undefined, 安卓中能正常显示后来发现ios对getTime()的格式有要求, 需要变换为 “2019/4/ 10:20:30”使用replace把-改外/就可以了new Date(time.replace(/-/g,'/')).getTime()...原创 2020-01-18 17:39:11 · 933 阅读 · 0 评论 -
ios键盘唤起,键盘收起以后页面不归位
ios键盘唤起,键盘收起以后页面不归位问题详情描述:输入内容,软键盘弹出,页面内容整体上移,但是键盘收起,页面内容不下滑出现原因分析:固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件changeBlur(){ let u = navigator.userAgent...原创 2019-09-23 16:22:19 · 228 阅读 · 0 评论 -
后端返回文件流,前端处理进行文件下载
后端返回文件流,前端需要对返回的文件流处理进行文件下载先是发送请求的时候声明返回blob格式url: '',(你的地址)method: 'post',data: params,responseType: 'blob' (这里很重要)然后将返回的数据传给downLoadXls方法里,第二个形参是文件名称,然后系统就开始自动下载了~function downLoadXls(data,...原创 2019-06-27 12:08:01 · 40211 阅读 · 8 评论 -
vue手写三级分类带样式,可折叠和展开全部
vue带样式的三级分类(可以折叠和展开所有,添加子类,编辑分类,删除分类)项目引用的element ui样式,不需要可以改掉标签删除,添加,编辑都是用的字体图标&amp;lt;!-- 分类列表 --&amp;gt;&amp;lt;template&amp;gt; &amp;lt;div class=&quot;ccia&quot;&amp;gt;原创 2019-01-09 15:24:04 · 2857 阅读 · 1 评论 -
vue手写三级分类折叠展开
这是视图层:&amp;lt;div class=&quot;tree&quot;&amp;gt; &amp;lt;ul v-for='item in menulist' :key=&quot;item.id&quot;&amp;gt; &amp;lt;!-- 没有子集 --&原创 2018-09-10 17:42:10 · 3231 阅读 · 4 评论 -
element 分页组件遇到的问题
先操作element分页,切换到第二页,然后操作。从代码中强制将current-page强制设置为1(即重新查询数据,并将当前页重置为第1页)此时画面显示是对的,分页组件已经将第1页的页码数字激活了然后点击第2页数字,进行换页...转载 2018-09-10 17:17:22 · 2181 阅读 · 0 评论 -
Vue在build编译时写在style中的路径问题
写在vue文件里面的style样式,在添加例如背景图片的时候,如果用的是相对路径,那么build出来的css文件的路径将会出错,导致找不到图片。 例如: 需要改动两个地方: 一个就是config/index.js文件,将assetsPublicPath的路径改为’./’,一般用的模版和vue-cli都是默认’./’,就不需要修改. 第二个就是在build目录下找到utils.js中的E...原创 2018-09-12 15:27:16 · 769 阅读 · 0 评论 -
解决vue中对象属性改变视图不更新的问题
常规情况下我们在vue实例的data中设置响应数据。但当数据为对象,我们增加或删除对象属性值时,视图并不触发更新.vue的文档里说的很清楚,这些会触发更新 但是: 1.当你利用索引直接设置一个项时 2.当你修改数组的长度时 都不会触发视图更新 现在你可以用下面的方法设置 方案一:利用Vue.set(object,key,val) 例:Vue.set(vm.obj,’k1’...原创 2018-09-11 15:15:56 · 8491 阅读 · 0 评论