07 2021 档案

vue viewJS 预览图片
摘要：安装 viewerjs npm install viewerjs --save 引入 main.js import Viewer from 'viewerjs' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) 使用 showImage(url) { 阅读全文
posted @ 2021-07-26 15:06 Edith6 阅读(365) 评论(0) 推荐(0)
vue自定义日历组件（非UI组件）
摘要：<! > <template> <ul> <li v-for="item in calendarArray" :key="item.time" > <div :style="'color:' + (item.isCurrentMonth ? '#000' : '#bbb')" > {{ item.d 阅读全文
posted @ 2021-07-16 13:40 Edith6 阅读(412) 评论(0) 推荐(0)
火狐滚动条样式--Nicescroll
摘要：引入文件 jquery.js jquery.nicescroll.js 地址： https://nicescroll.areaaperta.com/wp-content/plugins/jnicescroll/js/jquery.nicescroll.min.js 使用： $("div").nice 阅读全文
posted @ 2021-07-16 11:27 Edith6 阅读(500) 评论(0) 推荐(0)
vue导出Excel表格(纯前端)
摘要：安装依赖 npm install -S file-saver npm install -S xlsx npm install -D script-loader 新建Blob.js和Export2Excel.js Export2Excel.js /* eslint-disable */ require 阅读全文
posted @ 2021-07-15 17:26 Edith6 阅读(173) 评论(0) 推荐(0)
webpack配置
摘要：1、全局安装 npm i -g webpack 2、新建空文件夹 初始化生成package.json npm init -y 3、安装webpack-cli npm install webpack webpack-cli --save-dev 4、创建目录和文件 初始化生成的 package.jso 阅读全文
posted @ 2021-07-15 16:39 Edith6 阅读(85) 评论(0) 推荐(0)
vue 滚动条触底指令
摘要：//main.js Vue.directive('tableScroll', { bind(el, binding, vnode, oldVnode) { let scrollTop = 0; let dom = el.querySelector(".el-table__body-wrapper") 阅读全文
posted @ 2021-07-15 16:15 Edith6 阅读(290) 评论(0) 推荐(0)
js 日期格式转换
摘要：中国标准时间转换为特定格式时间（以2020-006-06为例） initDate(date){ return date.getFullYear() + "-" + (date.getMonth()> 9 ? (date.getMonth() + 1) : "0" + (date.getMonth() 阅读全文
posted @ 2021-07-15 16:12 Edith6 阅读(561) 评论(0) 推荐(0)
vue 封装组件（以button和select为例）
摘要：Button 目录文件 首先创建button文件夹，新建index.vue文件 index.vue <template> <div :class="type == 'Default'?'btn default':type == 'primary'?'btn primary':type == 'dan 阅读全文
posted @ 2021-07-15 16:11 Edith6 阅读(541) 评论(0) 推荐(0)
远程图片资源跨域问题(vue页面导出pdf时，图片不能显示)
摘要：方案一：(实测无效，仍会报跨域问题，不推荐) <!-- 添加crossorigin=“anonymous”属性 同时 后端配置该图片地址的跨域--> <img crossorigin="anonymous" :src="imgSrc ? imgSrc : ''"/> 结论： | 后端是否配置跨域 | 阅读全文
posted @ 2021-07-15 15:53 Edith6 阅读(1249) 评论(0) 推荐(0)
video视频导出pdf截图
摘要：<div class="imgShow"> <img style="border:none" :src="newImage" alt=""> </div> <video v-show="imgVideoTab" muted class="video-class" id="video_id" auto 阅读全文
posted @ 2021-07-15 15:20 Edith6 阅读(305) 评论(0) 推荐(0)
vue页面导出pdf
摘要：安装插件 npm install html2canvas --save npm install jspdf --save exportPDF.js import html2Canvas from 'html2canvas'; import JsPDF from 'jspdf'; export def 阅读全文
posted @ 2021-07-15 14:59 Edith6 阅读(417) 评论(0) 推荐(0)
JQ 禁用页面滚动条
摘要：<div style="width: 100%;height:2000px;"> <button style="margin-top: 200px;" onclick="show()">sssssss</button> </div> <div id="model" style="position: 阅读全文
posted @ 2021-07-15 14:20 Edith6 阅读(292) 评论(0) 推荐(0)