vue
mtreasure
这个作者很懒,什么都没留下…
展开
-
vue @media print使用js插入打印页不同尺寸打印,可自定义尺寸大小,打印机配置
业务需求在开发时,遇到需求打印时既能切换A4纸张,又能切换成凭证纸张。而使用 @media 设置尺寸后,影响所有页面,无法实现打印多尺寸的问题。打印技术使用浏览器自带的 print 打印技术打印基础使用此语法即可完成调出浏览器实现局部打印startprint 和 endprint 设置打印的内容,只会打印两者包含的部分。 <!--startprint--> <div class="data_page"> {{打印内容}} </div&g原创 2021-08-13 10:36:10 · 21123 阅读 · 2 评论 -
echarts 、antV 浙江省地级市展开图 json 文件 ,geojson
在新的业务中,客户需要整个浙江省的地级市一起展开,所以自己生成了一个json文件分享。分享地址链接:https://pan.baidu.com/s/1t-NkooOMX94Ru5o4oS-_pw提取码:zovq原创 2021-07-13 16:10:24 · 1617 阅读 · 1 评论 -
antV 事件多次触发问题,解绑
由于最近刚刚接触 antV - 数据可视化,对于他的事件应用还比较陌生,在应用中莫名其妙多次调用,想了很多方式如节流……,但是没有用。业务介绍当我点击流程图中的某一项进行提示,每次双击都会递增调用。解决过程当时想着用节流的方式,但是很遗憾,他还是疯狂递增调用。然后我就开始 debugger 了,发现 on 绑定的事件中走了多次。 on不是原生js绑定事件嘛,我要做的就是每次断开事件绑定,这样,每次就只会走一次。解决方法on前面 加上 .off(‘node:dblclick’) 进行解绑原创 2021-07-12 17:05:23 · 1250 阅读 · 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 · 8949 阅读 · 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 · 990 阅读 · 0 评论 -
表格树 递归 向上合计
需求每一项的子级相加等于父级节点。 // 递归向上合计 calPrebalSubTree(tree){ tree.forEach(node => { //如果当前节点有子级的话进行累加 if(node.children && node.children.length){ this.calPrebalSubTree(node.children); node.stadAm原创 2021-03-11 10:09:32 · 272 阅读 · 0 评论 -
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 · 1133 阅读 · 0 评论 -
vue3.0中i18n国际化插件的使用
引言记录在学习vue3.0是添加i18n国际化翻译功能以及遇到的问题。问题在vue3.0 中使引用 i18n 时一直报错原因:请检查版本问题!可以官网引用为 vue2.0版本的引用方式和挂载方式,因vue3.0 的 vue 导入方式为 import { createApp } from “vue”; 无法按传统直接挂载。...原创 2020-12-31 14:40:58 · 9793 阅读 · 15 评论 -
vuex 添加全局数据和使用(业务:vue将码表数据设为全局,进行调用)
问题原来调用码表都是直接在页面或者组件中直接调用,但是由于本次需求调用的数据又多又杂,数据加载量达到 10M 多,页面加载就异常的慢。还有组件中也都需要用到,为了不重复调用接口,加重服务压力,决定使用 VueX 进行处理。> 由于之前没接触过 vuex ,所以今天认真的看了一遍官网。https://vuex.vuejs.org/zh/ > 由于理解能力较差,翻阅了一位博主的文章进行参考。如果和我一样基础较差的,可以参考一下;> https://www.cnblogs.com/mic原创 2020-09-24 15:53:41 · 1266 阅读 · 0 评论 -
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 · 1212 阅读 · 0 评论 -
vue 地图渲染(map) + 特殊定位(markPoint)
近期接到需求是:无限向下联动的地图,从浙江省联动到杭州市及下级县等,并且要标记个别特殊位置。此案例主要是对基础的静态地图渲染进行记录,后期会更新联动下级的案例。此案例作为项目实现记录,以免后期遗忘。静态地图完成图GeoChart.vue第一步:下载geoJson数据本次案例参考了HashTang 这位博主的 https://www.jianshu.com/p/c293c...原创 2020-05-06 11:13:01 · 2139 阅读 · 0 评论 -
element 复合表格 el-table多行合并+表格行内多列勾选
记录工作中出现的各种表格问题,用于之后此类需求能快速使用。业务需求对重复行进行合并每行添加勾选项,建设内容若有一条勾选,则实施阶段对应行进行勾选效果图如下表格代码:span-method=“objectJBXXMethod” 对表格进行多列合并的方法:header-cell-style="{background:’#deebff’,color:’#606266’}" 给表头...原创 2020-04-13 15:50:03 · 8288 阅读 · 2 评论 -
element table中使用v-if后表头乱飞、顺序不对问题
解决方案:给 el-table-column 或 el-table 加上 :key=“Math.random()”Math.random() 只是为了说明效果,实际使用任何唯一性的值都行。原创 2020-04-13 15:00:29 · 1867 阅读 · 2 评论 -
Vue中添加$alert的messageBox消息弹出框,进行换行、空格等html渲染
出现情况:在Vue中 $alert的messageBox 无法直接通过正则表达式进行来进行换行和缩进解决方式:dangerouslyUseHTMLString 是否将 message 属性作为 HTML 片段处理 boolean — falsethis.$alert('我需要</br>换行',{dangerouslyUseHTMLString:true})...原创 2020-04-13 14:48:49 · 3813 阅读 · 0 评论 -
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 · 4290 阅读 · 8 评论 -
el-table在动态表头切换时数据下掉与闪烁问题
//解决表头变动,数据下掉问题//使用v-if并不会重新渲染表格,并可能存在表头乱飞现象,使用element的dolayout解决beforeUpdate(){ this.$nextTick(() => { //在数据加载完,重新渲染表格 this.$refs['table'].doLayout(); })},//重写表格样式,不在自动计算,解决表格渲染时闪...原创 2019-12-23 10:14:59 · 2317 阅读 · 2 评论 -
vue表单校验,根据某选项追加或去掉校验
这是自己随便写的小测试,包括字段名取得都乱七八糟,敬请谅解。需求根据状态这个下拉框数据来判断经办人和日期是否需要校验,状态值为在职时校验, 状态值为离职时不校验。实现代码1.表单 (正常校验处理) <el-form :model="editForm" label-width="115px" :rules="editFormRules" :disabled="editForm...原创 2019-11-13 15:38:07 · 6517 阅读 · 0 评论 -
多表格勾选回显,父表格为主,筛选子表格数据
在业务需求中:将申请单号和信息放置主表格,将表格明细放置子表格,通过勾选数据,提交选中的数据(用于汇总数据、审批)。需求分析如下主表格未被选中时,需将所有子表格数据展示。勾选主表格,显示对应的子表格。取消勾选的主表格,原先勾选的子表格的勾选取消。实践步骤:查看时将父级数据添加到主表格数据源中。将子集的数据保存在子表格的数据源中,并在添加一个保存数据,用于在数据源变动后,数据是完...原创 2019-11-08 10:54:41 · 445 阅读 · 0 评论