vue.js
床头床尾_
这个作者很懒,什么都没留下…
展开
-
vue+vue2-ace-editor 代码编辑器支持groovy语言及自定义代码提示
vue+vue2-ace-editor 代码编辑器支持groovy语言及自定义代码提示效果如图所示安装npm install --save-dev vue2-ace-editor代码如下自定义代码提示部分符号不支持比如= +等<template> <div class="container"> <editor v-model="content" ref="aceEditor" @init="editorInit" lang="gro原创 2021-08-06 10:45:44 · 2239 阅读 · 0 评论 -
vue+echarts实现词云图表
要想实现词云图表需单独下载echarts-wordcloud效果如图安装npm install echartsnpm install echarts-wordcloudmain.js引入import echarts from "echarts"Vue.prototype.$echarts = echarts使用<template> <div class="container"> <div id="wordCloudChar原创 2021-08-05 16:35:50 · 644 阅读 · 2 评论 -
vue使用html2canvas、jspdf将html转pdf导出
vue使用html2canvas、jspdf将html转pdf导出1.安装插件npm install --save html2canvasnpm install jspdf --save2.引入插件import html2canvas from 'html2canvas'import JsPDF from 'jspdf'3.设置导出内容<div id="code" ref="contentRef">1111111111111111</div>4.选择导出内容原创 2021-07-29 14:34:14 · 281 阅读 · 0 评论 -
vue+summernote富文本编辑器
vue+summernote富文本编辑器最近项目中有新增编辑报告的需求需使用富文本编辑器,在网上找了几篇相关博客,于是选择了summernote ,summernote是一款轻量级的富文本编辑器,比较容易上手,使用体验流畅,支持各种主流浏览器。参考文章 https://blog.csdn.net/davidhzq/article/details/100842866summernote官网 https://summernote.org/实现效果1.安装所需的依赖npm instal原创 2021-07-28 16:05:45 · 3104 阅读 · 2 评论 -
总结18个webpack插件,总会有你想要的!
总结18个webpack插件,总会有你想要的!何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。Plugin 的特点是一个独立的模块模块对外暴露一个 js 函数函数的原型 (prototype) 上定义了一个注入 c转载 2021-03-31 15:55:32 · 145 阅读 · 1 评论 -
vue项目中配置请求多个服务器解决方案
vue项目中配置请求多个服务器解决方案解决方案vue.config.js 配置devServer: { port: 3000, proxy: { // 第一台服务器配置 '/cgi': { target: 'http://localhost:8005', ws: true, changeOrigin: true, pathRewrite: { '^/cgi': '/cgi' } },原创 2021-03-31 09:30:51 · 2525 阅读 · 8 评论 -
vscode console.log 插件
vscode console.log 插件在项目中经常会打印数据进行调试,每次敲console.log 好麻烦,(浏览器Sources断点更适用于复杂、异步的调试bug)发现了一个vscode插件 javascript console utils安装使用方法 随意选中变量ctrl shift + L也可以通过 ctrl shift + D 一键删除本页面所有console.log这里再分享个插件 babel-plugin-transform-remove-console 可移除produc原创 2021-03-29 17:59:34 · 2717 阅读 · 2 评论 -
vue 多页应用打包(使用html-webpack-plugin)
vue 多页应用打包(使用html-webpack-plugin)安装npm install --save-dev html-webpack-plugin使用const path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')module.exports ={ entry: { index: './src/index.js', tod: './src/tod.js', }原创 2021-03-29 16:39:35 · 467 阅读 · 8 评论 -
vue 视频播放(使用vue-video-player)
vue 视频播放(使用vue-video-player)安装npm i vue-video-player -S引入import { videoPlayer } from 'vue-video-player'import 'video.js/dist/video-js.css'import 'vue-video-player/src/custom-theme.css'使用<template> <div class="container"> <vid原创 2021-03-29 16:04:08 · 1967 阅读 · 6 评论 -
前端下载后台传来的流文件
前端下载后台传来的流文件1.window.open(url,’_blank’)2.使用Blob对象downfile() { axios .post(postUrl, params, { responseType: 'arraybuffer' }) .then((res) => { const link = document.createElement('a') let blob = new Blob([res.d原创 2021-03-17 14:48:17 · 116 阅读 · 0 评论 -
vue导出表格数据
vue导出表格数据1.下载插件npm install xlsx --savenpm install file-saver --save2.引用插件import XLSX from 'xlsx'import FileSaver from 'file-saver'HTML<el-button @click="exportData" style="margin-bottom: 20px"> 导出数据</el-button><el-table re原创 2021-03-16 10:59:53 · 91 阅读 · 0 评论 -
js-xlsx vue导入excel在线预览
js-xlsx vue导入excel在线预览导入XLSX库官方地址Github安装npm install xlsx --s引入import XLSX from ‘xlsx’HTML<template> <div class="upload-container"> <el-upload ref="upload" action="/" :show-file-list="false" :on-change="原创 2021-03-15 11:53:26 · 2921 阅读 · 1 评论