- 博客(4)
- 收藏
- 关注
原创 前端页面列表多个倒计时功能实现
try {// 获取到列表数据 对裂变数据进行动态添加新的键值// 这边我们定义一个 倒计时结束的时间 转换成时间戳// vue2动态添加的对象是不具备响应式的 所以用$set// 结束时间 - 当前时间 如果小于等于0 那么就不需要再倒计时了this.$set(item, 'countDown', '无效')// 结束时间 - 当前时间 > 0的时候 设置倒计时的数据} else {this.$set(item, 'countDown', '00分00秒')})})} else {
2023-09-06 14:57:42 794 2
原创 使用html2canvas将dom生成图片 并下载图片到本地
首先 要用canvas绘画某个dom元素的时候 我们需要在该获取到我们要下载的dom元素,在上面的html图片中 我在标签上添加了ref="html2canvas" vue中获取dom元素的方法 代码实现参考下面。这是用html编写出来的页面 我现在需要将这个元素转换成图片并下载到本地,我的做法是利用canvas绘制成图片 然后利用a标签进行下载 下面是我的实现过程。这样 我们就成功的绘制好图片 并且下载成功了 有什么疑问都可以在评论区留言。
2023-08-17 11:43:31 1333 1
原创 使用JsBarcode生成条形码 并用window.print()打印条形码
由于window.print()打印是将整个页面打印 所以想打印指定区域的内容 我们可以新开一个页面并将条形码放进去 打印新页面 我们就可以实现打印指定内容了,具体做法如下。其中 下面那个笔记本文字是我后期添加进去的 具体的作法可以参考我下面写的内容。这样 我们就成功的打印出来我们指定的条形码内容了。
2023-08-11 10:49:29 1776 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人