![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目
文章平均质量分 95
不知道叫啥yuki
这个作者很懒,什么都没留下…
展开
-
vue项目使用SockJS插件实现webSocket通信
背景:公司业务需求,在官网上面需添加客服答疑页面,一般都是使用websocket通信,主要是它是一个低延迟、全双工、跨域通信通道。 最终页面效果如下: 客服页面: 客户页面: 一、简单介绍 sockjs-client sockjs-client是从SockJS中分离出来的用于客户端使用的通信模块,是一个浏览器的JavaScript库。主要是为了浏览器的兼容性,有些浏览器是不支持websocke...原创 2019-12-25 14:50:14 · 2024 阅读 · 0 评论 -
vue项目中使用富文本编辑器处理图片上传问题
暂未更新完毕,明天再更。。。 背景:项目中的后台数据库不支持base64传输数据,主要是因为字符太长,不支持,所以这里需要借助element-ui中的el-upload作为上传的入口。 一、插件的基本使用 1.安装依赖包 npm install vue-quill-editor --save 2.在vue项目的src下的main.js文件中引入以下代码 import Vue from 'vue'...原创 2019-12-17 22:45:41 · 1214 阅读 · 1 评论 -
如何使用vue-cli快速创建vue项目
保证已经安装完node.js情况下执行以下操作: 一、安装vue脚手架 如果安装失败或者告诉你版本不够,就先卸载再重新安装,重点是自己去查看安装失败的错误提示,再去做进一步的修改,一般是不会出错的,卸载命令是:npm uninstall vue-cli -g 指令: npm install -g @vue/cli 二、创建你的vue项目 mydemo指的是我们的项目名称,安装完成的项目是处于一个...原创 2019-12-17 22:20:38 · 150 阅读 · 0 评论 -
Vue导出Excel表格数据
背景:现在的项目需要做这个功能,之前没有处理过,记录下来方便查看。 第一步:安装依赖包 npm install file-saver npm install xlsx npm install script-loader 第二步:新建js文件夹,也可以命名为excel,用于存放Blob.js和Export2Excel.js两个js文件 第三步:具体的使用方法 主要是两个方法,之前我看的是...原创 2019-12-17 20:59:55 · 540 阅读 · 0 评论 -
vue项目-pdf预览和下载,后台返回文件流形式
背景:正好最近碰到了这种需求,记录下来,方便以后查看。 后端返回的文件流数据如下图所示: 一、pdf的预览 一开始的时候百度了很多方法,有建议用pdfJs插件的,有iframe嵌套实现的,最后发现了一种及其简便的实现方法: pdfPreview(url){ this.$http({ url: `account/registerOpen/${url}`, m...原创 2019-12-17 20:53:57 · 6691 阅读 · 9 评论