鹏多多的博客

vue-grid-layout是一个适用于vue的拖拽栅格布局库，功能齐全，适用于拖拽+高度/宽度自由调节的布局需求，本文将讲述一些常用参数和事件，以及做一个同步拖拽的Demo。

博主最近在做一个线上直播互动课堂的Vue项目，里面有一些这样的互动：老师奖励学生A一个奖章，要自动播放得奖的音效。得到这个需求，博主立马开码。myPlay(){ let mp3 = new Audio(); mp3.src = "./奖励的声音.mp3"; mp3.load(); mp3.play(); setTimeout(() => { mp3.pause(); }, 3000);}结果一直报错度娘告诉我，浏览器18年改版

需求是图片预览，并且可以放大缩小旋转和左右切换，然后可以一键打包下载所有图片。结合需求，我选择了viewer.js，jsZip和FileSaver.js，放一个实现的交互效果gif图；几个插件的网址和安装命令和代码；viewer.js文档安装npm install viewerjs在vue组件中import 'viewerjs/dist/viewer.css'import Viewer from 'v-viewer'import Vue from 'vue'Vue.use(Viewer

ps：如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。