weixin_43400431的博客

vue3使用SignaturePad电子签名，Base64转成 Blob 再转成 File上传文件

/** 比较两个对象数据是否变化 */

/** 数组对象去重 * columns-要去重的数组 * name-作为去重的标识 */

监听localStorage数据的变化，localStorage存取数组

效果图：App.vue文件watermark.js文件dateFormat：时间转换

mounted() { this.calculationTime() },methods: {calculationTime() { /** 开始时间必须小于结束时间 */ let startTimeValidate = (rule, value, callback) => { let startNumA = Number(Date.parse(new Date(value))) let endNumA = Number(D..

nplayer播放器，带弹幕<template> <div id="nPlayer" ref="nPlayer" /></template><script>import Player from 'nplayer'import Danmaku from '@nplayer/danmaku'export default { data() { return { isMeDanmu: '' } }, mou

<template> <div class="pdf"> <pdf ref="pdf" :src="pdfUrl" :page="pageNum" @num-pages="pageTotalNum = $event" @error="pdfError($event)" @link-clicked="page = $event" /> <el-row class="p.

写一个时分秒计时器，以90分钟为例子 data（）{ return{ dataTime: '', // 倒计时时间 timer: '', // 计时器 endTime: null, // 考试结束时间 } } mounted() { // 倒计时90分钟 this.endTime = new Date().getTime() + 90 * 60000 this.timer = setInter

如果使用弹窗显示二维码， 那就涉及父子组件传值。在父子组件的生命周期中， mounted() 触发的顺序是先子后父，控制台打印如下：所以使用 mounted()去触发转换二维码的方法，控制台肯定会报错cannot read property"appendChild" of null 。因为你获取这节点时，节点还没加载。弹窗的页面还没有被挂载到，就执行了这个方法，所以就会报错。加 nextTick() 或者 加延时函数 setTimeOut() 都是没有用的。后面去看了element官网里面的D

用el-progress 进度条,显示下载进度、上传附件百分比/** get 方法- 导出-响应的数据类型 */ getExport(name, params, other, otherRes, onDownloadPro) { let end = '' if (other) { end = '/' + other } let reseType = otherRes || 'blob' return request({ url: url

实现一进入页面就开始进行读秒操作，读秒尚未结束时，按钮处于禁止状态且颜色变灰。读秒完毕后方可进行业务操作。<template> <div> <el-card class="boxCard"> <h1 style="text-align: center">考生须知</h1> <div class="buttons"> <button class="btnCancel" @cli