Xiao_peng117的博客

/*传入要设置水印的文字*/function addWatermark(text) { //水印宽度 const WIDTH = 250 //水印高度 const HEIGHT = 200 const canvas = document.createElement('canvas') canvas.width = WIDTH canvas.height = HEIGHT const ctx = canvas.get

文章目录VUE中使用lottie-web显示lottie动画1.安装2.引入3.使用HTMLJSVUE中使用lottie-web显示lottie动画1.安装npm install lottie-web --save2.引入import lottie from "lottie-web";3.使用可支持本地 Json文件和远程网络地址 Json文件HTML需要指定一个id的div，用来作为装载动画的容器。class自定义<div id="lottie_box" class="lot

下载npm install clipboard --save按需引入大部分教程都是直接在app.js引入，挂载在vue上，但是并不推荐这种做法，毕竟可能只有一个页面会用到复制功能，如果所有插件都挂载vue上，vue实例将是臃肿的。在需要用到此功能的文件中引入clipboardimport clipboard from "clipboard"html给元素加class比如说我有一个一键复制按钮，那么我就给这个按钮加一个class；或者其他元素都可以，但是要加一个class。我这里当按钮点

在vue router的导航守卫如beforeEach()中是无法直接通过this.$store去操作vuex的，因为这里的this指向不一致。解决方式是在router的index.js中引入初始化好的storeimport store from '@/store'然后在导航守卫中可直接拿到router了/**导航守卫 */router.beforeEach((to, form, next) => { console.log(store.getters)})...

vue 脚手架3在打包的时候默认会生成.map文件。用于详细报错，但生产环境是没必要的。所以生产环境关闭，开发环境打开是最好的选择百度和博客搜了一圈，无非就是告诉你怎么配置config，但是实测并没有什么卵用解决方法== 此方法试用vue cli3 ==启动图形化界面，项目目录下输入命令：vue ui导入项目如果之前不是vue ui创建的项目，需要手动导入项目（如果不需要...

问题描述在 flex 布局中经常用到下面类似代码.top-list { display: flex; display: -webkit-flex; flex-wrap: wrap;/*自动换行*/ justify-content: space-between;/*每个item之间的间距自动适应等宽*/}如果在一行的情况下，上面可以完美的呈现出来，但是若有多个item，第一...