vue
张小嫿
安之若素 勿忘心安
展开
-
vue 中 window.open打开的子路由 如何 调用上一个页面的方法
父页面跳转子路由: const { href } = this.$router.resolve({ path: `/djSealPage`, query: { pdfUrl: this.pdfUrl }, }) window.open(href, '_blank')子路由页面发送消息给父页面: window.opener.postMessage('getProcessFormData', window.location)父页面监听,调用相应原创 2021-08-13 16:34:33 · 623 阅读 · 0 评论 -
图片、txt文件直接下载,不预览
通常下载文件会使用 window.open(url),但是对于浏览器可以解析的文件,浏览器会自动在新标签页打开,所以需要特殊处理。图片的下载: //以下是获取图片 DataURL getImageDataURL(image) { // 创建画布 const canvas = document.createElement('canvas') canvas.width = image.width canvas.height = image.height原创 2021-07-28 15:48:26 · 1121 阅读 · 0 评论 -
电子签名 vue-signature-pad
main.jsimport VueSignature from 'vue-signature-pad'Vue.use(VueSignature)引用电子签名弹窗<hand-painted-signature ref="handpaintedSignature" :caseId="caseId" @handleSignDialog="handleSignDialog" :signatureFlag="signatureFlag"原创 2021-07-04 16:39:17 · 978 阅读 · 0 评论 -
判断上传文件的类型
//获取已上传文件后缀,判断是否可编辑 getFileSuffix(file) { //获取最后一个.的位置 let index = file.lastIndexOf('.') //获取后缀 let ext = file.substr(index + 1) return ext },//遍历已上传文件 通过文件后缀判断 添加是否可编辑allowEdit属性 this.processFormData.fileInfoLis原创 2021-06-29 15:05:21 · 258 阅读 · 0 评论 -
vue展示pdf
主要使用了vue-pdf<template> <div style="height: 100%"> <div style="height: calc(100% - 30px); padding: 15px; position:relative"> <div style="height: 96%; overflow: auto; border: 1px solid #dcdcdc;" @mouseover="h原创 2021-06-29 15:01:27 · 372 阅读 · 0 评论 -
iframe中引用html 并实现传值 (进度条)
iframe中引用html,将html文件放了很多地方都没办法引用的到,最终在项目与src同级的public下新建static文件,将所用到的html文件全部放到static中,在iframe中直接引用即可。由于两个iframe文件一个作为背景,一个作为内容,所以两个html文件完全重叠,所以通过z-index做了显示调整。loading.vue文件<template> <div style="position: fixed; top: 0; left: 0; right: 0;原创 2021-06-29 14:52:56 · 936 阅读 · 0 评论 -
Vue-Devtools安装及正常显示
vue项目为了开发调试方便,想要安装Vue-Devtools,百度了很多去github上下载安装包,然而,大概是我的网络不好吧,一个进不去,两个进不去,三个进不去……最终找到了一个大佬的下载路径,献上:vue-devtools下载如果打不开,可直接下载:链接: 网盘链接 提取码: ght8下载完成后,存放到一个你能快速找的到的地方。打开谷歌浏览器,输入地址chrome://extensions/ ,点击加载已解压的扩展程序然后找到你刚才存放的已解压的Vue-Devtools,打开文件夹,选择chr原创 2021-06-03 15:52:51 · 250 阅读 · 0 评论 -
vue 列表内容详情返回定位&返回顶部
<jk-back-top v-if="isShowBack" :scrollTop="scrollTop"></jk-back-top><md-scroll-view class="scroll" ref="scrollView" v-show="!isNoData" :scrolling-y="true" :scrolling-x="false" :auto-reflow="autoReflow" @scroll="onScroll" @endRea原创 2020-07-16 17:50:51 · 1583 阅读 · 0 评论