周边组件
文章平均质量分 50
周边组件引用
钥零零
一枚前端开发程序员
展开
-
Angular + xlsx + xlsx-js-style实现多个sheel页Excel下载
需求:前端实现将后台返回的数组数据转化为多页excel,并自定义样式。原创 2023-02-06 15:21:47 · 1044 阅读 · 3 评论 -
Angular基于ngx-translate实现国际化流程
1、下载ngx-translate的依赖库 2、在项目根模块(app.module.ts)中配置ngx-translate原创 2022-10-21 10:50:30 · 677 阅读 · 0 评论 -
TinyMCE编辑器使用
tinyMCE引入及使用方式,使用tinyMCE实现图片上传原创 2022-06-16 12:02:11 · 427 阅读 · 0 评论 -
基于微信实现H5扫一扫功能详细过程
在vue项目中,调用微信开发平台接口完成H5页面扫一扫功能原创 2022-05-23 14:42:24 · 3670 阅读 · 7 评论 -
vue项目中基于qrcode.js实现二维码展示
需求说明:在vue项目中,根据后台返回借助qrcode.js动态生成二维码展示在页面上实现效果:qrcode.js下载地址:http://davidshimjs.github.io/qrcodejs/1、vue项目引入qrcodenpm install qrcodejs22、在二维码页面引入qrcodeimport QRCode from ‘qrcodejs2’3、使用//页面定义<div id="qrcode2" ref="qrcode2" class="icon-m2" s.原创 2022-05-23 09:59:28 · 1509 阅读 · 0 评论 -
vue项目H5调起高德或百度地图手机应用,或调起高德百度网页版实现导航功能(已实现)
需求说明:H5实现唤起高德和百度地图导航到目标景点的功能分析:用户通过点击选择使用百度还是高德地图,点击后调用guide方法,判断设备上是否有高德或者百度APP,有就直接调用APP,如果没有就调用网页版.........原创 2022-04-27 14:20:16 · 9168 阅读 · 3 评论 -
elementUI 表格多选框this.$refs.xxx.toggleRowSelection无效
在elementUI官方实例中,multipleSelection代表选中的值,toggleRowSelection(row,selection)方法用于原先已选的值传入进行勾选,row传递被勾选行的数据,selected设置是否选中。需求是每次打开弹窗都会重新获取表格数据,并且要选中对应的数据,但直接使用那个方法并没有效果,因为表格中的数据还没有请求出来。解决:获取数据后在需要进行勾选操作的外面套一个$nextTick this.$nextTick(() => { checke原创 2020-08-24 11:01:02 · 18058 阅读 · 5 评论 -
layui 动态添加多个日期选择控件laydate
需求说明:如下图所示,点击循环周期选择不同类型循环周期,时间区间根据循环周期进行动态变化,若是选择周和月,时间区间可以通过点击加号动态增加多个功能要点:用户需要能根据自己需要动态创建多个时间选择器后端的需要的数据格式为malltRightsLoopInfoList: [{ loopType: '', //循环周期 loopCfg: '', //星期或月份 obtainBeginDatePart: '', //开始时间 obtain.原创 2021-08-25 10:39:25 · 3291 阅读 · 0 评论 -
vue-pdf实现PDF文件流展示
需求说明:后台返回PDF文件流,前端使用vue-pdf插件进行展示最开始搜索出的插件都是pdf.js,但由于该vue项目不是特别完整的结构,没有public/assets文件夹,一直报找不到那个文件,最后只好放弃换一个方式。最终采用了vue-pdf插件,可以直接安装,方便快捷下载vue-pdfnpm install vue-pdf -D页面使用<pdf v-for="i in numPages" :key="i" :src="src" :page="i" ref="myPdfComp.原创 2021-08-25 10:52:50 · 3161 阅读 · 2 评论 -
H5实现使用clipboardjs复制页面信息至剪贴板
需求说明:在vue项目中,设置一个按钮,点击后将页面中某个信息复制到系统剪贴板。主要使用的clipboardjs插件一、引入clipboardjs可以使用npm命令安装,npm install clipboard --save但我使用的方式是下载了该文件包,将clipboard.min.js放入项目某文件夹中二、使用1、在需要复制功能的页面引入该文件import ClipboardJS from '@mvue/rights/common/util/clipboard.min.js2、代码.原创 2021-12-29 14:42:06 · 1453 阅读 · 0 评论 -
vue高德地图H5定位及城市选择器控件实现详细教程
需求说明:H5实现初始化通过高德地图进行定位城市,用户也可以自行点击选择其他城市主要功能点:定位、城市选择器实现效果一、初始准备这里采用 高德地图 JS API去实现上述两项功能,使用高德地图 JS API 开发地图应用需要先注册账号并申请Key,https://lbs.amap.com/api/javascript-api/guide/abc/prepare首先,注册开发者账号,成为高德开放平台开发者,地址 https://console.amap.com/dev/id/choose.原创 2021-09-30 09:21:37 · 7718 阅读 · 2 评论