![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小鲤鱼ya
将来的你一定会感激现在拼命的自己
展开
-
vue 使用draggable拖拽实现响应式侧边栏,拖拽数据悬停在侧边栏分区超一秒时自动切换到对应分区
使用draggable拖拽实现响应式侧边栏,拖拽数据悬停在侧边栏分区超过一秒自动切换到对应分区原创 2024-05-17 17:22:13 · 650 阅读 · 0 评论 -
vue 使用iView组件中的Table实现定时自动滚动
使用iView组件中的Table实现定时自动滚动原创 2024-05-17 16:01:56 · 860 阅读 · 0 评论 -
vue中使用html2canvas+jsPDF实现pdf的导出
vue中使用html2canvas+jsPDF实现pdf的导出原创 2023-08-16 13:32:28 · 1873 阅读 · 0 评论 -
uni-app项目封装跳转拦截
uni-app实现跳转拦截原创 2023-08-04 10:41:16 · 278 阅读 · 0 评论 -
具体调用vue预览的功能
vue预览功能原创 2022-08-01 11:03:47 · 342 阅读 · 1 评论 -
springmvc + vue 设置支持跨域请求
springmvc + vue 设置支持跨域请求原创 2022-07-02 11:50:21 · 407 阅读 · 0 评论 -
使用HttpURLConnection项目间传输附件
首先获取文件@PostMapping(value = "/uploadFile")public Result<?> uploadFile(@RequestBody String jsonStr, HttpServletRequest request, HttpServletResponse response) { //创建封装的返回对象 Result<?> result = new Result<>(); //将请求的参数转为JSONObject对象 JSON原创 2021-10-30 10:37:56 · 647 阅读 · 0 评论 -
vue 移动端word、excel、pdf预览本地测试案例
第一步新建一个vue项目。打开控制命令行程序(CMD),运行命令: vue init webpack “项目名称”。第二步安装依赖,在控制命令行程序(CMD),运行命令:npm install 或者 cnpm install.实现预览这里先以word为例。首先运行命令:npm install mammoth,这是预览word的一个插件,必须要安装;在static文件夹下放一个.docx为后缀的word文件:然后在页面引入即可:<template> <div cla原创 2021-05-29 11:43:24 · 4261 阅读 · 0 评论 -
使用uni-app和color-ui开发移动端遇到的一些问题
首先在uni-app中引入color-ui在uni-app中引入color-ui其实很简单,使用Hbuilder-X可以直接创建一个uni-app的项目,然后在创建一个color-ui的项目,将color-ui项目中colorui文件直接拷贝到uni-app项目下,在App.vue中style下引入:@import "colorui/main.css";@import "colorui/icon.css";这样就可以直接在uni-app的项目中使用color-ui的样式。做项目的一些问题1.原创 2021-02-03 11:41:18 · 1346 阅读 · 0 评论 -
vue移动端实现word在线预览
上一篇说了excel文件的预览,其实word预览跟excel预览很相似,代码都大差不差,言归正传word预览同样要使用插件,这里使用的是mammoth插件,首先vue项目引入:npm install mammoth在预览的页面导入import mammoth from ‘mammoth’同样的也引用了手势缩放和移动,在我pdf预览那篇文章有说明手势的操作,使用的AlloyFinger 手势插件。html代码<template> <div class="ex原创 2020-12-28 16:17:29 · 16780 阅读 · 10 评论 -
vue移动端实现excel在线预览
上篇博客我提到了ios手机不能实现下载功能,但是可以实现预览,图片预览和pdf预览我已经在前篇博客做了讲解,但是,在工作中大家上传最多的应该是excel的文件,今天我就讲解一下excel移动端的预览实现。预览excel当然也是需要引入插件的,这里使用的是一个SheetJS js-xlsx插件,首先在vue项目引入:npm install xlsx然后在要预览excel的页面引入import XLSX from ‘xlsx’只能预览肯定不行,有些文件数据可能很多,在手机上显示就很小原创 2020-12-28 15:55:10 · 14349 阅读 · 11 评论 -
vue移动端pdf在线预览,并实现手势缩放、移动
通常我们会遇到ios手机不能下载文件的问题,那是因为苹果手机的拦截机制,这时我们只能通过别的方法来解决问题,我这里的解决方法是直接实现在线预览pdf预览跟图片预览不同,pdf可能会有多张,而图片只有一张,使用图片预览的组件肯定是行不通的这里我使用的是一个vue-pdf的插件,这是一个使用起来容易上手的插件。首先我们需要在vue项目中引入它:npm install --save vue-pdf然后在展示pdf的页面引用import pdf from ‘vue-pdf’要想让pdf实现原创 2020-12-28 13:59:31 · 8979 阅读 · 17 评论 -
vue移动端实现图片预览
接着上文的文件上传、下载、删除继续往下说,我们先说移动端的图片格式预览上文说到了vue引用了vant插件,是一个很好用的移动端开发组件,它自带了上传文件的方法,当然也带了图片预览的方法图片预览其实跟文件下载有点类似,上文我们说到文件下载请求后台接口,拿到了文件的’blob’,然后通过window.URL.createObjectURL(blob)创建一个文件下载的路径,创建a标签进行下载;图片预览也是拿到文件的’blob’,然后创建一个FileReader对象,使用readAsDataURL()方法来原创 2020-12-28 09:53:15 · 3602 阅读 · 0 评论 -
vue移动端实现文件上传、下载、删除
vue项目使用的插件vant,一个开发移动端很好用的组件这个组件中自带了上传文件的方法,我们直接调用即可。<!-- 文件上传 --><van-form @submit="onSubmit" enctype="multipart/form-data"> <van-uploader style="float: left;margin-left: 14px;margin-top: 15px;" v-model="fileList" accept="f原创 2020-12-25 14:45:46 · 8778 阅读 · 9 评论