Vue
Vue组件以及常用工具
夏小锋
这个作者很懒,什么都没留下…
展开
-
el-date-picker限制起期止期
原由写这个是为了控制用户选择不正确的起期,止期。业务代码<div style="display: inline"> <el-date-picker v-model="filters.column.create_start_date" :picker-options="pickerBeginDateBefore" :format-value="dateConfig.formatValue" :type="dateConfig.type" :style="dateConfig.d原创 2022-01-05 17:26:58 · 873 阅读 · 0 评论 -
vue权限指令
Vue权限指令因为项目中需要根据后端返回的权限进行功能的显示隐藏,所以就加了个权限指令。不用写if else进行判断。import Vue from 'vue'export default {}.install = (Vue, options = {}) => { Vue.directive('has', { bind: function(el, binding) { let val = binding.value if (!Vue.prototype.$_h原创 2021-09-14 11:22:28 · 490 阅读 · 0 评论 -
JSZip解压PDF文件并批量下载
JSzip解压PDF文件并批量下载因需要解压PDF文件并且实现批量下载,但网上找到的基本都是图片的解压和下载,所以参考图片的解压修改了一下。用到了jszip,jszip-utils,file-saver这三个依赖下面进入正题实现zip文件的解压并打包async unZipHandle(arr) { // arr为需要解压的数组 let zip = new JSZip(); let promises = []; // 存放解压的文件 let that = this; // 这里用aw原创 2021-08-12 16:27:40 · 868 阅读 · 2 评论 -
vue保留小数点(可自定义保留几位)
vue保留小数点位数(可自己控制)因为最近在做一个商城的项目,所以会涉及到金额。金额也就意味着要保留小数点。所以写了一个指令,方便输入的金额限制。采用指令形式方便控制import Vue from "vue";export default {}.install = (Vue, options = {}) => { Vue.directive("number", { update(el, binding, vnode) { let ele = el.tagName ===原创 2020-09-30 16:35:12 · 5360 阅读 · 0 评论