![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
插件
眾K
这个作者很懒,什么都没留下…
展开
-
使用VueFroala富文本
使用VueFroala富文本main.jsHTMLdatamain.jsimport VueFroala from ‘vue-froala-wysiwyg’// 添加富文本框Vue.use(VueFroala)// froala/富文本配置Vue.prototype.froalaConfig = { language: 'zh_cn', imageUploadURL: '/commonServiceServer/background/api/common/uploadImage',原创 2021-07-27 10:55:26 · 1116 阅读 · 0 评论 -
vue移动端实现图片点击放大
main:import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'let options = { fullscreenEl: false,}Vue.use(preview, options)Vue.use(preview) <img v-for="(i,v) in xqimgurl" :key="v" style="width:100%;" :src="i"原创 2020-12-08 02:39:07 · 1732 阅读 · 1 评论 -
H5录音功能,但只支持PC,安卓,ios的safari
https://github.com/2fps/recorder原创 2020-09-07 13:49:58 · 900 阅读 · 0 评论 -
vue引入 wps在线编辑版
1.先去官网下载JShttps://wwo.wps.cn/docs-js-sdk/#/base/quick-start2.main.jsimport * as WPS from './assets/web/web-office-sdk-v1.1.3.es'Vue.prototype.wps = WPS;点击查看,先调后端给的接口,获取关键的jtoken,jwpsUrl // 修改 async change() { let _this = this; t原创 2020-08-06 14:20:44 · 9466 阅读 · 3 评论 -
vue-simple-uploader实现文件夹拖拽上传分块上传
官方手册01官方手册02一些字段说明实例使用仿百度云盘大佬simple uploader 对上传文件校验vue-simple-upload如何获取后台返回的数据原创 2020-07-21 13:53:32 · 1288 阅读 · 0 评论 -
vue中 identify(生成图片验证码)插件
https://blog.csdn.net/zhangkeke_/article/details/82900747?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159471126519725247626781%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=159471126519725247626781&biz_id=0&am原创 2020-07-14 15:23:19 · 469 阅读 · 0 评论 -
左右滑动跳转页面
npm install kim-vue-touchmainimport vueTouch from 'kim-vue-touch'Vue.use(vueTouch)html <div class="box" v-tap="(e)=>vueTouch('点击',e)" v-longtap="(e)=>vueTouch('长按',e)" v-swipeleft="(e)=>vueTouch('左滑',e)"原创 2020-07-07 14:52:07 · 305 阅读 · 0 评论 -
前端对称加密
cnpm install crypto-js --save建utils文件夹:secret.jsconst CryptoJS = require('crypto-js'); //引用AES源码jsconst key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF"); //十六位十六进制数作为密钥const iv = CryptoJS.enc...原创 2020-05-08 16:02:08 · 309 阅读 · 0 评论 -
Vue-excel文件导出
1.安装依赖npm install -S file-saver xlsxnpm install -D script-loader2.导入两个JS3.main.js 引入文件import Blob from './components/excel/Blob'import Export2Excel from './components/excel/Export2Excel.js'4...原创 2020-02-26 11:37:55 · 128 阅读 · 0 评论 -
vue pull-to下拉滚动加载请求分页
npm install vue-pull-to --save//然后引进来,放在组件上面注册好import PullTo from ‘vue-pull-to’官网文档在这里:https://github.com/stackjie/vue-pull-to/blob/master/README.zh-CN.md页面内容:<template> <div id="pullC...原创 2020-02-13 23:11:08 · 335 阅读 · 0 评论 -
移动端真机调试插件vconsole 使用方法
第一步安装npm install vconsole第二步在main.js 文件中全局引入 vconsole 插件import Vconsole from 'vconsole';const vConsole = new Vconsole();export default vConsole;第三步项目启动后右下角会出现绿色按钮,点击就可查看...原创 2020-02-07 12:05:50 · 661 阅读 · 0 评论 -
vue手写签名
<template> <div class="hello"> <div id="canvas"> </div> <p @click="handelClearEl()">清除</p> <p @click="handelSaveEl()">保存</p> <...原创 2020-02-07 11:59:59 · 580 阅读 · 0 评论 -
在线阅览文档
插件代码:<template> <div class="onlyoffice" :id="id"></div></template><script>export default { name: "onlyoffice", props: ["id", "userConfig", "config"], data: f...原创 2020-01-19 14:09:56 · 246 阅读 · 0 评论 -
生成二维码插件
在components里放入qrcode.vueqrcode.vue:<template> <div id="qrCode" ref="qrCodeDiv"></div></template><script>import QRCode from "qrcodejs2";export default { name: "...原创 2020-01-19 14:05:36 · 182 阅读 · 0 评论