- 博客(31)
- 收藏
- 关注
RSS订阅原创 el-input-number/el-input 实现实时输入数字转换千分位(失焦时展示千分位)
el-input-number/el-input 实现实时输入数字转换千分位(失焦时展示千分位)
2023-09-27 09:22:12
1532
1
原创 vue window.print()打印多页页面指定内容 纯前端
来了一个需求，要求做分页pdf文档刚开始以为自己可以，用了插件html2canvas和jspdf （具体可以看我另一篇文章：vue将页面导出pdf，vue导出pdf），做出来了，但是支持下载一页的页面，多页的时候会切割，例如这样所以我用了调用打印的方法iframe.window.print()，让客户自己另存为pdf1先建一个文件PrintView.vue文件内容：这是PrintView.vue的全部代码2、然后在主页全代码这是打印预览的界面，虽然后面有一条横线，但是另存pdf之后是没有的。
2022-06-30 11:49:14
2717
2
原创 vue js 流程图
需求：用代码做一个流程图安装d3和yarn add d3yarn add dagre-d3引入import dagreD3 from "dagre-d3";import * as d3 from "d3";html<template> <div> <!-- <svg id="svg-canvas" width="800" height="100"> <g /> <rect /
2022-05-20 14:08:02
1460
原创 vue js下载多个链接pdf work文档
需求：勾选多个数据时，下载对应多个数据的pdf详细数据下载方法csvDownLoad(),直接在界面加上onclick即可 csvDownLoad() { this.loading = false; pdfDown(this.selectedRowKeys.toString()).then((res) => { //this.selectedRowKeys.toString()--->为传入的数组 if (res.code === 200) {
2022-05-16 17:05:19
314
1
原创 ssh: connect to host github.com port 22: Connection timed out fatal: Could not read from remote repo
ssh: connect to host github.com port 22: Connection timed out fatal: Could not read from remote repo
2022-04-23 16:14:17
12631
13
原创 addEventListenter 监听页面滚动事件 鼠标左键拖拉滚轮
addEventListenter 监听页面滚动事件 鼠标左键拖拉滚轮
2022-04-22 15:06:13
2733
1
原创 日期格式化 默认明天日期 或者时分秒
明天日期时间： new Date(new Date().setDate(new Date().getDate() + 1))格式化成**“2021-11-25”**在methods定义一个方法created(){//调用方法let Day = new Date(new Date().setDate(new Date().getDate() + 1))this.formatDate(Day)},methods:{ formatDate(date) { var year = d
2021-11-25 09:24:24
627
原创 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content.
报错信息：我使用了 vant的一个组件：:在使用组件前加上这个东西包裹 就不会报错了其他组件报错也一样，直接包裹就可以<div class="dropDown"> <client-only> <!--<client-only>:在使用组件前加上这个东西包裹 就不会报错了--> <van-cell is-link @click="showPopup"> {{ langua
2021-11-16 14:57:12
777
原创 input 警告[DOM] Input elements should have autocomplete attributes (suggested: “new-password“)
使用vant框架里面的form表单 会报这个错误 直接在van-field里加上 **autocomplete=“off”**就不报错了 <van-field autocomplete="off" v-model="form.nowPwd" :type="type" :name="$t('login.password')" :label="$t('choiceOrder.newPasswor.
2021-11-16 14:52:19
974
原创 vue+element使用el-calendar日历自定义基本内容获取点击事件
需求：点击日历上的日期 更新下面的数据需求是可以用官网上的基本el-calendar，但是没有点击之后获取日期做其他事情的方法。。。所以只能自己自定义一个了，做完的图如下图，默认选择当天+1天第一步：HTML的内容 <el-calendar v-model="calendar.productDate" :style="!showCalendar ? 'pointer-events: none; color: #eee' : ''" > //sho
2021-11-16 11:01:28
7594
原创 vue表格中插槽缓存
具体描述：点击查看打开的dialog弹窗展示的内容，会展示上一次打开的的缓存数据弹窗Dialog表格代码：<check-odd-table :config="checkTableList"> <!-- 状态为已审核 只显示查看 状态待审核：查看，通过 状态什么都没有：查看编辑 --> <template v-slot="{ scope }"> <!-- --> &
2021-10-23 14:48:26
289
原创 js 或者vue中for循环去掉最后一个逗号
js 或者vue中for循环去掉最后一个逗号一个感觉很简单的问题，刚开始我没有思路，现在也没有更好的思路问题描述：后端返回的一个数组，前端这边需要循环把名字展示，要求在展示时，每个名字后用** 、号分隔开，最后一个去掉我在html中用v-for循环出来，然后用index判断是否最后一个，最后一个隐藏 、**号修改前：html： <span v-for="(item, index) in materialDetailData.suppliers" :key="item.id"
2021-10-14 14:32:48
3525
2
原创 解决：Error: please transfer a valid prop path to form item!
解决：“Error: please transfer a valid prop path to form item!”我这边是使用若依框架的，一直上网查这个问题，得到的信息都不能解决问题这其实也不是什么大问题，但是它报错consloe中老显示红色就不能忍！！！这个可能只能对使用若依框架出现这个问题的朋友有参考价值哈！我这边出现这个问题的原因是，我点击关闭对话框时，调用了一个重置表单的函数// 表单重置 reset() { this.ruleForm.tableData = [
2021-10-08 16:52:27
1477
1
原创 Http请求api时路径中多了%E2%80%8B字符
Http请求api时路径中多了%E2%80%8B字符代码中明明请求路径的为下图但浏览器中变成下图 一直请求404最后发现：因为我是从swagger文档中复制过来的，解耦路径时带了空白url编码（空白编码没有宽度，所以看不见，但是删除几次就可以了）解决办法方法一：手动输入地址方法二：使用replace(/%E2%80%8B/g, “”)替换掉多余字符...
2021-10-08 10:04:15
1669
原创 vue el-table 动态添加行、删除行 动态验证添加行中表单的
vue el-table 动态添加行、删除行需求：动态新增删除表格行，选择每一列的物料编码带出并展示 后面一串数据（物料名称、物料规格、单位等）需要注意三个点：1、动态增加行2、动态验证行中表单值3、怎么带出值一、动态增加行代码 <el-dialog :title="title" :visible.sync="materialOpen" width="900px" append-to-body> <el-form :rules="rules" ref="a
2021-10-06 16:36:42
3245
2
原创 深拷贝和浅拷贝的区别
深拷贝和浅拷贝的区别一直都感觉没有深入了解这两者的区别，今天来理解记录一下简单的理解：就是假设B复制了A，当修改A时，看B是否会发生变化浅拷贝:B也跟着变了深拷贝:B没变浅拷贝例子：let A=[1,2,3];let B = A;A[0] = 0 //修改A的值console.log("A："+A) //A：0,2,3console.log("B："+B) //B：0,2,3 ----B也跟着改变，是浅拷贝深拷贝例子：例子1、let a=[1,2,3,4], b=a
2021-09-25 10:02:08
147
原创 vue使用插件jsbarcode 生成条码下载
jsbarcode生成条码下载第一步：html中 设 id="barcode_container" <el-form-item v-if="workerForm.id" label="条形码"> <!--id="barcode_container"这个id是下载条形码--> <div id="barcode_container"> <!--id="barcode_edit"这个id
2021-09-13 10:31:57
915
原创 element-ui el-date-picker日期限制只能选当天和昨天 element-ui el-date-picker日期禁止选择今天以前的日期
element-ui el-date-picker日期限制只能选当天和昨天害，一般都是禁止选今天之前的日期，或者禁止选今天之后的日期，这又来了 这小问题卡了我一小时虽然找大哥帮忙解决了 ，但是我觉得大哥写的代码有点多，而且我并不能很好的理解，所以我就琢磨出来了。来个图：1、element-ui el-date-picker日期禁止选择日期主要**:picker-options=“pickerOptions”**<el-date-picker v-model="queryInfo.tim
2021-09-13 09:59:31
6121
原创 el-date-picker 默认展示当前日期
el-date-picker 默认展示当前日期1、第一步：html中展示 el-date-picker绑定的值为 v-model=“form.checkInTime” <el-date-picker clearable size="small" v-model="form.checkInTime" type="date" value-for
2021-09-13 09:35:48
22884
4
原创 扫码枪扫码 界面自动刷新 敲回车键时界面自动刷新 敲回车键时禁止界面刷新
扫码枪扫码或者敲回车键时禁止 界面自动刷新需求：做一个兼职人员下班退勤时扫码枪扫码退勤的功能，输入框自动聚焦问题：敲回车 或者扫码时 界面会自动刷新1、第一步：重要的是 在el-form标签中的 @submit.native.prevent，阻止界面刷新，扫码功能就是 @keyup.enter.native=“submitCode” ，扫码枪扫码的意思就是扫出来的码自动出现在光标所在的地方，并自动调用回车键enter，所以扫码枪扫码和在input框输入敲回车效果是一样的，只需要统一监听enter键就
2021-09-13 09:24:02
1828
原创 英文、数字和汉字、日文的字符判断 英文占1个字符，中文汉字占2个字符 el-form表单验证规则
需求：输入框输入如果是中文或者日文，表单验证长度需要除以2，如果是英文或者数字，则正常需求奇葩，还要国际化可烦死我了，菜鸟又不敢跟产品顶嘴，哭了捣鼓捣鼓总算好了，对字符限制做了一个封装1、第一步：创建一个validate.js文件在指定位置.我个人放在了('src/utils/validate’)中/** * （英文占1个字符，中文汉字占2个字符） */export function checkName(rule, value, callback) { var len = 0; if
2021-09-07 13:03:02
568
原创 vue将页面导出pdf，vue导出pdf
vue导出pdf新需求：需要前端下载把当前html下载成pdf文件菜鸟觉得牛逼啊，这必须记录下来嗷嗷嗷嗷1、第一步：我们要添加两个模块//第一个：将页面html转换成图片npm install --save html2canvas//第二个:将图片生成pdfnpm install jspdf --save2、第二步：定义全局函数…创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/components/utils/htmlToPdf’)中htmlToPdf.js文
2021-09-07 11:28:08
13680
28
原创 loaderContext.getResolve is not a function at createWebpackLessPlugin
这个的原因是你安装的"less": "^3.11.1", "less-loader": "^6.1.0",的版本太高，这是我一开始安装的，报的错误是这样的折腾挺久的，最后在package.json中的devDependencies下找到"less": "^3.9.0", "less-loader": "^5.0.0",这两个，并且把版本改成这样就好了，希望能帮到你...
2020-05-30 14:07:59
609
原创 vue动态改变：disabled的属性值
动态改变：disabled的属性值找了很久，可能没人提这么弱智的问题哭唧唧，所以我自己琢磨了很久，终于啊。。首先：先把那个none改为一个可以修改的值，这里我随便起的也叫disabled<date-picker v-model="time1" valueType="format" ref="userBirthdayInput" id="userBirthday" :di
2020-05-28 11:59:48
26173
12
原创 因this指向问题，方法不执行
前端小菜鸡的挣扎生涯，经常被this的指向问题折磨的死去活来，记录一下wx.scanQRCode({ needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果， scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有 success: function (res) { var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果 if (r
2020-05-21 10:55:36
240
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人