vue的日常
๑柯帆๑
不知名前端切图仔
展开
-
纯前端导出excel表格 使用xlsx-style 可自定义样式,行高,打印属性,页边距,多表格压缩包下载
纯前端 导出表格原创 2022-08-18 10:28:40 · 1544 阅读 · 1 评论 -
本地测试运行vue打包后dist文件
vue打包后,本地测试运行dist文件第一步:安装服务npm i -g serve第二步:进入打好包的dist文件夹cd dist第三步:运行serve结果:浏览器输入访问即可原创 2021-08-12 15:50:58 · 1896 阅读 · 0 评论 -
在vue中封装一个wangeditor组件
在Vue封装一个富文本组件 以后使用就方遍了 wangeditor文档第一步安装npm install wangeditor --save第二步封装组件 在@/components/Editor/WangEditor.vue<template> <div :class="prefixCls"> <div ref="editor" class="editor-wrapper"></div> </div></templ原创 2020-07-24 23:26:07 · 1665 阅读 · 2 评论 -
在vue中把Dom元素转成图片并下载到本地或者几张图片图片合成为一张
Dom元素转图片都是用canvas来实现的(常用于营销图的制作,自定义图片合成等需求) 推荐使用html2canvas来实现 html2canvas文档第一步安装npm install html2canvas --save第二步在需要使用的页面引入import html2canvas from "html2canvas"第三部构建----html <div class="canvas_box" id="mycanvas" ref="mycanvas"> //里面放原创 2020-07-24 22:57:29 · 2891 阅读 · 2 评论 -
js给对象的key赋值
在vue 使用 viser-vue图表时需要用到给对象的key赋值的情况怎么使用viser图表 见官网 https://viserjs.github.io/我们来说一下 const sourceData = [{ name: '销售额', 'Jan.': 18.9, 'Feb.': 28.8, 'Mar.': 39.3,原创 2020-07-23 23:38:49 · 3244 阅读 · 0 评论 -
在vue中导出数据为表格
在vue中导出数据为表格第一步准备5个东西1.安装三个依赖npm install -S file-savernpm install -S xlsxnpm install -D script-loader2.引入两个js文件 Blob.js和Export2Excel.js-----Blob.js/* eslint-disable *//* Blob.js*//*global self, unescape *//*jslint bitwise: true, regexp: true,原创 2020-07-23 23:13:04 · 299 阅读 · 0 评论 -
在vue中使用v-emoji-picker实现在input光标处插入表情
在vue中使用v-emoji-picker实现在input光标处插入表情第一步安装npm i v-emoji-picker --save第二步引入在要使用的页面引入 (文档上在main.js里引入,不能用 可能是我姿势不对/手动狗头)import VEmojiPicker from 'v-emoji-picker' components: { VEmojiPicker }-----html <div class="emoji_box"> <原创 2020-07-23 22:35:15 · 2329 阅读 · 8 评论 -
vue项目实现盒子滚动到底部加载更多的功能
vue项目实现div盒子滚动到底部加载更多的功能使用vue 的 scroll 事件 可以很快的实现----html <div class="scroll_box" ref="evabox" @scroll="Scroll"> <div v-for="(item,index) in imgList" :key="index"> {{item}} </div> </div>----me原创 2020-07-23 22:11:31 · 1659 阅读 · 1 评论