vue/js
vue的小技巧
月下星望
不进则退
展开
-
vue使用PrintJS插件打印
第一步,先安装 print-js 插件npm install print-js --save第二步,在想要打印的Vue页面引入组件import print from 'print-js';第三步,在想要局部打印的 div 上 添加 id<div id="codeList"> <!-- page-break-after 属性 是分页 --> <div v-for="i in 10" style="page-break-after: a原创 2021-05-27 10:07:11 · 2516 阅读 · 0 评论 -
vue运用 vue-qr 生成二维码
第一步,先安装 vue-qr 插件npm install vue-qr --save第二步,在想要生成vueQr 的Vue页面引入组件import vueQr from 'vue-qr'第三步,在components中引入VueQr组件components: { VueQr }最后就在在html上引用<VueQr :margin='8' :size='280' :whiteMargin="true" :logoMargin="3" :logoCornerRadius原创 2021-05-27 10:02:11 · 5756 阅读 · 0 评论 -
vue运用JsBarcode生成一维码
第一步,先安装 jsbarcode 插件npm install jsbarcode --save第二步,在想要生成JsBarcode的Vue页面引入组件import JsBarcode from 'jsbarcode';第三步,调用方法(注意:如果想在页面初始化的时候就展示需要在 生命周期 mounted 的方法里调用)1.在html页面上定义canvas组件,用于绘制码。<canvas id="testId"/>selector 是传递你要生产的...原创 2021-05-27 09:58:35 · 1184 阅读 · 0 评论 -
用原生js处理长按触发功能。
这里是因为当时需求原因所使用的长按触发功能注意:这里的长按,不能再有滚动条的页面使用,因为修改的事件触发的原因,所以滚动条滚动的首先是html代码,在需要触发事件的区域内绑定三个事件方法。(注意这个长按方法只有移动端能触发。)<div v-if="total != 0" class="project-details" @touchstart.prevent="goTo...原创 2019-08-28 15:03:03 · 1614 阅读 · 0 评论 -
vue前端实现浮动滚动信息
因为工作原因,需要用到自动滚动信息.所以在github上找了一款感觉还算不错的前端组件这里是仓库地址https://github.com/satrong/vue-text-marquee代码量很小。很容易扩展因为业务原因,我对其做了点修改TextMarquee.vue 组件<template> <!-- 这里, 我想添加个点击触发事件,这个事件默认是...原创 2019-09-27 11:18:56 · 1570 阅读 · 0 评论 -
vue 前端解析Excel
第一次使用前端的xlsx来解析excel首先惯例 引入xlsx组件依赖npm install xlsx前端页面<input style="position: absolute;width:100%;height: 100%;opacity: 0" type="file" ref="pathClear" id="implUser...原创 2019-09-27 13:40:36 · 9293 阅读 · 0 评论