- 博客(21)
- 收藏
- 关注
RSS订阅原创 【js 打印分页】
vue框架中 实现打印分页的功能vue框架中 实现打印分页的功能分页方法代码实现vue框架中 实现打印分页的功能在项目开发中经常会遇到打印的功能，有时候还会遇到不定长的打印内容，多个内容一起打印，这时候需要我们代码去控制在一个内容的地方分页分页方法在样式中有规定几个打印的样式page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。每个打印属性都可以设定4种设定值：auto、always、left和right
2022-05-16 10:05:30
1952
原创 vue项目中如何利用lodop控件实现多页打印
针对windows环境下的vue项目中如何利用lodop控件实现打印的功能，不支持mac环境下载安装首先去lodop官网下载中心下载相关的包，完成安装重点关注前四个文件，安装第一个文件，在第二个文件和第三个文件中根据电脑系统选一个安装。将第四个文件放在项目的assets文件夹下面。代码中使用由于不好控制分页的时候，切纸的位置，于是换了一种方式，代码控制每一页的内容的地方使用LODOP.NewPageA();实现手动分页，这种方式可以保证切纸位置不会跑偏。//首先引入相关的jsimport
2022-05-07 11:20:13
2749
1
原创 扫描普通二维码链接进入小程序
公众平台配置代码部分 onLoad: function (query) { const q = decodeURIComponent(query.q) // 获取到二维码原始链接内容 const scancode_time = parseInt(query.scancode_time) // 获取用户扫码时间 UNIX 时间戳 console.log(q); console.log(scancode_time); if (q == "undefin
2022-05-07 09:50:04
467
原创 小程序支付功能——前端部分
小程序支付功能代码部分先调用commit方法创建订单，创建成功后接口返回给我时间戳，appid，签名等信息，拿着这些信息去调用微信支付wx.requestPayment方法。成功走成功的回调，失败走失败的回调。 async commit() { console.log(this.data); wx.showLoading({ title: '请稍后...', }) const obj = { url: 'pay/order', met
2022-05-06 12:45:39
625
原创 【小程序登录的两种方式】
小程序登录的两种方式账号密码登录获取小程序授权登录账号密码登录app.json页面顺序 先进入首页 有token就是首页 没有token时redirectTo登录页{ "pages": [ "pages/sales/sales", "pages/login/login", ],app.js页面代码 页面装载时检查有没有token，有的话说明已经登录过了，拿一下缓存的用户信息否则跳转到登录页重新登录接口封装 每次请求时去判断token，有的话，请求
2022-05-06 11:24:19
2180
原创 vue elemen-ui实现懒加载表格和新增、删除手动刷新
elemen-ui实现懒加载表格时会有新增和删除表格没有刷新的问题，需要我们手动刷新，接下来讲一下具体的方法表格懒加载方法//表格标签里加上lazy :load="load" :tree-props 这三个属性 <el-table ref="table" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%
2021-12-16 10:15:52
1576
原创 vue百度地图、微信小程序marker自定义图标
先上vue-baidu-map的文档地址https://dafrok.github.io/vue-baidu-map/#/zh/index百度地图设置marker图标的方式有使用url地址和本地图片，首先是url的方式 <bm-marker v-if="marker.cate&&!marker.isOnline" :position="{ lng: marker.lng, lat: marker.lat }" :ti
2021-11-30 15:31:29
3482
转载 vue+element-ui 压缩图片
https://blog.csdn.net/qq_36529240/article/details/109285937
2021-11-30 10:57:44
238
原创 深拷贝与浅拷贝
深拷贝：拷贝后的结果更改是不会影响拷贝前的，拷贝前后是没有关系的浅拷贝：改变拷贝前的内容，会对拷贝后的内容有影响，拷贝前和拷贝后是有关系的，即只是引用关系//引用关系 只拷贝一层深拷贝方法一let obj={}let o=JSON.parse(JSON.stringfy(obj))缺点是只能解析json，对象里头的函数、undefined会不完整，不够靠谱深拷贝靠谱方法 递归拷贝...
2021-11-26 16:23:36
344
原创 发布者与订阅者模式、观察者模式
//发布订阅者模式 on emit//on 就是把一些函数维护到一个数组中 发布者//emit 就是让数组中的方法依次执行 订阅者let fs = require('fs')let event={ arr:[], on(fn){ this.arr.push(fn) }, emit(){ this.arr.forEach(fn=>fn()) }}event.on(function(){console.log('读取完毕')})let school=
2021-11-26 10:25:51
214
原创 vue 基于jsbarcode插件打印二维码
首先项目安装依赖import JsBarcode from “jsbarcode”;img,canvas和svg标签都可以插件地址：https://github.com/lindell/JsBarcode/wiki/Options<img class="barcode" jsbarcode-format="CODE128" :jsbarcode-value="item.code" jsbarcode-textmargin="2" jsbarcode-fontoptions="bold" /&
2021-11-17 10:54:44
823
原创 vue基于element输入框限制输入数字和小数点后6位
方法一：通过正则，缺点没有限制最大数值，使用了步进器时可以输入负数，如下图所示 <el-input v-model="value" type="number" @keydown="handleInput2"></el-input> handleInput2(e: any) { // 通过正则过滤小数点后两位 e.target.value = e.target.value.match(/^\d*(\.?\d{0,5})/g)[0] || null;
2021-11-17 10:35:07
3419
原创 js 继承
类的继承。三种属性 公有属性（propto）私有属性 静态方法（静态属性）在es5中没有类的概念的，通过构造函数来实现类es5如何实现一个类继承私有属性function Child(){this.age=9;Parent.call(this);}let child=new Child();2.继承公有属性先找私有属性，找不到了找公有属性function Parent(){//构造函数中的this 通过new调用的那么this指代的是实例this.name='parent'}
2021-11-15 22:49:10
305
原创 vue 基于element ui的表格高度自适应
介绍一种vue中基于element ui写的表格高度自适应//获取表格该有高度的方法 getTableHeight() { nextTick(() => { state.tableHeight = window.innerHeight - 226; //在视图渲染完成后去计算表格高度 }); window.onresize = () => { return (() => { nextTick(()
2021-11-15 09:57:44
1144
原创 css方法实现表格表头固定，横向纵向可滑动
介绍一种用css实现表格表头固定，横向纵向可滑动的方法 <div class="scroll-box"> <table class="tableFixHead"> <thead> </thead> &l
2021-11-15 09:38:13
1780
原创 js操作数组方法总结
数组的常见方法map（some,every,filter）es5find findIndex es6reduceforEachfor ofArray.form()of()reduce的用法，reduce名为收敛，叠加，返回的是叠加后的结果。reduce接受两个参数，第一个参数是回调函数，第二个参数是初始值。回调函数有四个参数，1、total（必填）为当前所有的累积结果2、cur（必填）是当前的值3、currindex是当前索引4、arr是调用方法的数组 let result=[
2021-11-12 21:57:50
538
原创 Vue使用计算属性时访问不到值
首先说一下业务需求，是要显示订单进度的业务，用的vant框架里的Steps 步骤条组件。我最开始做的方法是把控制进度写成计算属性返回回去，可一直显示的都是在第一步。我以为是自己if判断的顺利写错了，还没有判断到当前进度，值就在第一步return出去了，就调整了if判断语句的顺序，代码如下：HTML代码段 <van-steps direction="vertical" :active="process"> <van-step> <h3&g
2021-04-24 11:17:43
1479
1
原创 使用Object.assign给data里的数据赋值，赋值失败显示undefined
这是一个利用vue+vant写的h5应用，在写一个简单的分单商信息表单的时候，为了图方便直接使用Object.assign(this.info,resData.data.data.info)来赋值，没想到翻车了哈哈，打印出来的信息都有页面却是全屏的undefined,百思不得其解，后来换成了this.info=resData.data.data.info的复制方式才正常显示，如下图：代码如下：<template> <div> <van-nav-bar ti
2021-04-24 10:30:02
2598
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人