08 2020 档案

摘要:1.引入插件 "html2canvas": "^1.0.0-rc.7", "jspdf": "^2.0.0", 2.在src/components/utils/htmlToPdf // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import J 阅读全文
posted @ 2020-08-25 14:13 米牙 阅读(1609) 评论(0) 推荐(0)
摘要:效果图 安装依赖 "file-saver": "^2.0.2" "jszip": "^3.5.0", 实现页面代码 <template> <div class="home"> <!-- <button type="button" class="btn btn-primary" v-on:click= 阅读全文
posted @ 2020-08-25 13:55 米牙 阅读(1002) 评论(0) 推荐(0)
摘要:封装的组件 <template> <div ref="canvasHW"> <canvas ref="canvasF" @mousedown="mouseDown" @mousemove="mouseMove" @mouseup="mouseUp" > </canvas> <!-- <button 阅读全文
posted @ 2020-08-25 12:02 米牙 阅读(890) 评论(0) 推荐(0)
摘要:打印效果图: #####1.先贴出print.js // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(do 阅读全文
posted @ 2020-08-18 14:11 米牙 阅读(3799) 评论(0) 推荐(0)
摘要:1.先装插件:yarn add viewerjs 2.在需要引入插件的代码里写: 1)<div id="img_pre" /> 2)script里头引入这个插件: import Viewer from 'viewerjs'; import "viewerjs/dist/viewer.min.css" 阅读全文
posted @ 2020-08-07 15:41 米牙 阅读(307) 评论(0) 推荐(0)
摘要:问题描述:华为手机(或oppo手机)input输入时监听不到,或者监听输入部分缺失 解决方案: 双管齐下,除了bindinput监听输入,再加个bindblur监听失焦,双管齐下,只要失焦就能获取到; 阅读全文
posted @ 2020-08-03 11:52 米牙 阅读(600) 评论(0) 推荐(0)