- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue @media print使用js插入打印页不同尺寸打印，可自定义尺寸大小，打印机配置
业务需求在开发时，遇到需求打印时既能切换A4纸张，又能切换成凭证纸张。而使用 @media 设置尺寸后，影响所有页面，无法实现打印多尺寸的问题。打印技术使用浏览器自带的 print 打印技术打印基础使用此语法即可完成调出浏览器实现局部打印startprint 和 endprint 设置打印的内容，只会打印两者包含的部分。 <!--startprint--> <div class="data_page"> {{打印内容}} </div&g
2021-08-13 10:36:10
21937
2
原创 iconfont真机不显示，App平台 v3 模式暂不支持在 js 文件中引用“./static/iconfont/iconfont.css“ 请改在 style 内引用
iconfont js不显示解决方案步骤一（在app.vue 里面引用，不要在main.js）步骤二（修改iconfont.css）步骤三（使用）
2021-08-10 15:17:48
4929
1
原创 echarts 、antV 浙江省地级市展开图 json 文件 ，geojson
在新的业务中，客户需要整个浙江省的地级市一起展开，所以自己生成了一个json文件分享。分享地址链接：https://pan.baidu.com/s/1t-NkooOMX94Ru5o4oS-_pw提取码：zovq
2021-07-13 16:10:24
1653
1
原创 antV 事件多次触发问题，解绑
由于最近刚刚接触 antV - 数据可视化，对于他的事件应用还比较陌生，在应用中莫名其妙多次调用，想了很多方式如节流……，但是没有用。业务介绍当我点击流程图中的某一项进行提示，每次双击都会递增调用。解决过程当时想着用节流的方式，但是很遗憾，他还是疯狂递增调用。然后我就开始 debugger 了，发现 on 绑定的事件中走了多次。 on不是原生js绑定事件嘛，我要做的就是每次断开事件绑定，这样，每次就只会走一次。解决方法on前面 加上 .off(‘node:dblclick’) 进行解绑
2021-07-12 17:05:23
1324
1
原创 Incompatibile SockJS! Main site uses: “1.5.0“, the iframe: “1.0.0“. at s (VM6 sockjs.min.js:2)版本问题
Incompatibile SockJS! Main site uses: “1.5.0“, the iframe: “1.0.0“. at s (VM6 sockjs.min.js:2)今天启动服务的时候莫名其妙跳出这个报错，我还以为是我代码出现了问题，百度搜索发现大家都说nginx反向代理 的问题，我没有安装nginx！nginx！nginx！so我查看了我的 package-lock.json 修改了 sockjs-client 版本至 1.5.1 ，重新安装依赖 npm i 就ok了。.
2021-05-25 10:51:38
9146
2
原创 vue3.0语法糖
vue3.0语法糖<template> <section> <el-table :data="table" border ref="tableRef" height="calc(100vh - 200px)" highlight-current-row @row-click="rowClick" :header-cell-style="{background:'#f2f4f6',color:'#171717', lineHeight:'54px'}"
2021-05-24 14:19:53
1015
原创 表格树 递归 向上合计
需求每一项的子级相加等于父级节点。 // 递归向上合计 calPrebalSubTree(tree){ tree.forEach(node => { //如果当前节点有子级的话进行累加 if(node.children && node.children.length){ this.calPrebalSubTree(node.children); node.stadAm
2021-03-11 10:09:32
285
原创 el-upload中添加弹出框，异步坑！！！
问题业务需求中要在上传前加入一个弹出框用于客户确认。由于之前做过各种文件大小判断等，我兴致冲冲的使用了 before-upload，逻辑和平时使用都觉得只要我在弹出框中return false 或 return true 就可以达成我的目的，但是很遗憾，before-upload 直接执行 false 或 true，根本不会等异步执行完再执行。解决方式（使用手动上传）将默认的自动上传关闭 :auto-upload="false" <el-upload :action="this.
2021-01-26 16:27:56
1167
原创 vue3.0 阿里iconfont库的 svg使用、 svg-sprite-loader 的使用（svg全局使用）
平时在项目中常用的图标库有 font Awesome 和 阿里的iconfont，iconfont 常常使用 png 下载导入。
2021-01-19 10:05:59
1999
原创 vue3.0中i18n国际化插件的使用
引言记录在学习vue3.0是添加i18n国际化翻译功能以及遇到的问题。问题在vue3.0 中使引用 i18n 时一直报错原因：请检查版本问题！可以官网引用为 vue2.0版本的引用方式和挂载方式，因vue3.0 的 vue 导入方式为 import { createApp } from “vue”; 无法按传统直接挂载。...
2020-12-31 14:40:58
9840
15
原创 npm包管理工具操作、理解记录，package.json与 package-lock.json
本文是 npm 包管理工具的理解和操作记录，系统的学习 npm。本文记录是 从 node.js 官网学习 npm 模块的理解和摘要，看详情可点击npm 包管理。npm包管理npm 是 Node.js 标准的软件包管理器。起初是作为下载和管理 Node.js 包依赖的方式，但其现在也已成为前端 JavaScript 中使用的工具。安装所有依赖若项目中具有 package.json 文件,通过 npm install ，创建 node_modules 文件夹存依赖。安装单个软件包npm
2020-11-26 19:12:46
330
原创 常用 git 命令 ，临时忽略某文件,git分支提交关系,快速清除 node_modules
拷备项目：git clone <仓库地址>创建分支：git branch 创建并进入分支：git checkout –b 切换分支：git checkout 查看状态：git status添加所有文件：git add .提交：git commit –m ‘这里是当前提交的描述’将提交的commit退回：git reset --soft HEAD^；拉取：git pull（拉取远程仓库代码至本地开发环境）推送：git push（推送本地代码至远程仓库 github）查看分支：.
2020-11-04 15:54:57
756
1
原创 vuex 添加全局数据和使用（业务：vue将码表数据设为全局，进行调用）
问题原来调用码表都是直接在页面或者组件中直接调用，但是由于本次需求调用的数据又多又杂，数据加载量达到 10M 多，页面加载就异常的慢。还有组件中也都需要用到，为了不重复调用接口，加重服务压力，决定使用 VueX 进行处理。> 由于之前没接触过 vuex ，所以今天认真的看了一遍官网。https://vuex.vuejs.org/zh/ > 由于理解能力较差，翻阅了一位博主的文章进行参考。如果和我一样基础较差的，可以参考一下；> https://www.cnblogs.com/mic
2020-09-24 15:53:41
1291
原创 Export2Excel组件，element js分页表格完整的前端全部导出至excel方法（可宽度自适应、字段）
说明本文的为我的操作理解，若有不足支持请指正，谢谢。页面比较长，大家可以点击右边的【目录点击查看每个模块】业务需求【 js-xlsx】与【file-saver】：需要使用链接 https://blog.csdn.net/j123450/article/details/104992955之前使用的导出方法是【 js-xlsx】和【file-saver】插件 前端导出数据到excel。此导出是根据页面上已渲染好的页面，获取document的id节点进行导出。在我们的需求在往往需要前端导出全部的数据，上
2020-09-10 20:45:50
3322
8
原创 iconfont将原有图标和新图标集合使用（原有图标中添加新图标）
本问主要讲在项目中已有图标，而你没有项目中的图标库集合时的处理方式。问题及错误步骤目前遇见一个问题，就是在项目中已有许多应用的iconfont图标。我的需求是在项目中继续添加一个iconfont图标，然后我去官网中下载https://www.iconfont.cn/，将我能看到的icomoon.svg等文件中的进行了添加，并将plyph-name中配上了我想要的名字，在iconfont.css中页进行了配置在应用时页面是就是显示不出图标。错误原因发现unicode中的没有&#e开头，
2020-09-04 12:56:48
4996
2
原创 element 表格加索引下标
借用 row-class-name 属性来给表格附上 index表格上添加 :row-class-name=“picRowClassName”<el-table :data="picData" ref="picData" :row-class-name="picRowClassName"> <el-table-column prop="type" label="两庭图片" min-width="150"></el-table-column><el..
2020-07-23 17:18:18
1225
原创 node.js学习笔记(二) - nodejs中的核心模块使用，简单的模块化使用
基础的node使用node中的核心模块node 为 JavaScript 提供了很多服务器级别的API，这些 API 绝大多数都被包装到一个具名的核心模块中了。例如文件操作 fs 核心模块，http 服务构建的 http 模块//1.使用 require 方法加载 fs 核心模块var fs=require('fs')一、使用-读取文件浏览器中的JavaScript 是没有文件操作的能力的但是node中的JavaScript 具有文件操作的能力。fs是 file-system 的
2020-06-02 13:03:30
280
原创 node.js学习笔记(一) -了解node.js是什么；能做什么；怎么安装
基础node了解Node.js是什么？node是什么？node.js不是一门语言node.js不是库、不是框架node.js是一个JavaScript运行环境简单点来讲就是node.js可以解析和执行JavaScript代码以前只有浏览器可以解析执行JavaScript代码也就是说现在的JavaScript可以完全脱离浏览器来运行，一切都归功于Node.js浏览器中的JavaScriptEcmaScriptDomBomnode.js中的JavaScript没有Bo
2020-06-02 12:50:37
289
原创 echarts 图标根据页面变动自刷新
解决方式：在图表方法中添加 window.addEventListener(“resize”, this.chart.resize); initChart() { this.chart = echarts.init(this.$el, 'macarons'); //重点 window.addEventListener("resize", this.chart.resize); this.option={ title
2020-05-19 14:19:01
1064
原创 vue 地图渲染（map） + 特殊定位（markPoint）
近期接到需求是：无限向下联动的地图，从浙江省联动到杭州市及下级县等，并且要标记个别特殊位置。此案例主要是对基础的静态地图渲染进行记录，后期会更新联动下级的案例。此案例作为项目实现记录，以免后期遗忘。静态地图完成图GeoChart.vue第一步：下载geoJson数据本次案例参考了HashTang 这位博主的 https://www.jianshu.com/p/c293c...
2020-05-06 11:13:01
2180
原创 element 复合表格 el-table多行合并+表格行内多列勾选
记录工作中出现的各种表格问题，用于之后此类需求能快速使用。业务需求对重复行进行合并每行添加勾选项，建设内容若有一条勾选，则实施阶段对应行进行勾选效果图如下表格代码:span-method=“objectJBXXMethod” 对表格进行多列合并的方法:header-cell-style="{background:’#deebff’,color:’#606266’}" 给表头...
2020-04-13 15:50:03
8432
2
原创 element table中使用v-if后表头乱飞、顺序不对问题
解决方案：给 el-table-column 或 el-table 加上 :key=“Math.random()”Math.random() 只是为了说明效果，实际使用任何唯一性的值都行。
2020-04-13 15:00:29
1924
2
原创 Vue中添加$alert的messageBox消息弹出框，进行换行、空格等html渲染
出现情况：在Vue中 $alert的messageBox 无法直接通过正则表达式进行来进行换行和缩进解决方式：dangerouslyUseHTMLString 是否将 message 属性作为 HTML 片段处理 boolean — falsethis.$alert('我需要</br>换行',{dangerouslyUseHTMLString:true})...
2020-04-13 14:48:49
3870
原创 element 分页表格完整的前端全部导出至excel方法，【 js-xlsx】与【file-saver】使用
1.npm 安装cnpm install --save xlsx file-saver2.script 中引入 import FileSaver from 'file-saver' import XLSX from 'xlsx'3.methods 中创建导出方法思路：将每页条数变成变为表格总数据的值（total），导出表格后，还原表格pagesize。遇到的问题：使用th...
2020-03-20 16:39:32
4353
8
原创 el-table在动态表头切换时数据下掉与闪烁问题
//解决表头变动，数据下掉问题//使用v-if并不会重新渲染表格，并可能存在表头乱飞现象，使用element的dolayout解决beforeUpdate(){ this.$nextTick(() => { //在数据加载完，重新渲染表格 this.$refs['table'].doLayout(); })},//重写表格样式，不在自动计算，解决表格渲染时闪...
2019-12-23 10:14:59
2363
2
原创 vue表单校验，根据某选项追加或去掉校验
这是自己随便写的小测试，包括字段名取得都乱七八糟，敬请谅解。需求根据状态这个下拉框数据来判断经办人和日期是否需要校验，状态值为在职时校验， 状态值为离职时不校验。实现代码1.表单 （正常校验处理） <el-form :model="editForm" label-width="115px" :rules="editFormRules" :disabled="editForm...
2019-11-13 15:38:07
6616
原创 多表格勾选回显，父表格为主，筛选子表格数据
在业务需求中：将申请单号和信息放置主表格，将表格明细放置子表格，通过勾选数据，提交选中的数据（用于汇总数据、审批）。需求分析如下主表格未被选中时，需将所有子表格数据展示。勾选主表格，显示对应的子表格。取消勾选的主表格，原先勾选的子表格的勾选取消。实践步骤：查看时将父级数据添加到主表格数据源中。将子集的数据保存在子表格的数据源中，并在添加一个保存数据，用于在数据源变动后，数据是完...
2019-11-08 10:54:41
478
原创 自定义指令+后端 实现动态全局按钮权限控制（v-has）
一、自定义指令 v-has (btnControl.js)：export default (Vue) => { /** 权限指令,对按钮权限的控制 **/ Vue.directive('has', { inserted: function (el, binding) { // 获取按钮权限 if (!Vue.prototype.$_has...
2019-10-12 10:24:24
22571
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人