自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 资源 (5)
  • 收藏
  • 关注

原创 vue3项目中使用getCurrentInstance获取实例和dom的问题

我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中,可以通过this来获取当前组件实例;Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。在Vue3中,getCurrentInstance()可以用来获取当前组件实例。

2024-04-02 12:07:09 427

原创 关于vue-seamless-scroll插件中使用echarts图表后有些模块中图表不渲染的问题的解决方案

执行npm install vue-seamless-scroll。拿vue2为例来说明。

2024-02-29 10:00:01 246

原创 echarts的自定义图例的点击事件

【代码】echarts的自定义图例的点击事件。

2024-01-16 17:56:30 604

原创 ant-design-vue的table组件的自定义表头和表格内容

使用a-table组件时,有时候需要自定义表头以及表格内容。

2024-01-10 11:28:27 1105

原创 ant-design-vue的日期组件a-range-picker赋值的问题

发现此时就可以正常赋值了且不报错,但是问题又来了,打印变量发现变量的值也是moment,又需要再次进行转换,很麻烦。在使用ant-design-vue的日期组件时,总是会碰到赋值问题,习惯性的赋值就是直接给日期组件的变量赋值字符串类型,如下。这是因为该时间组件默认只能接收moment类型的时间,此时需要借助于moment插件来进行以下转换,如下。以上问题是因为没有指定valueFormat,指定该值后就不用来回转了,如下。此时单从页面上看,能成功赋值,但是控制台会报个错。查阅ant文档发现一个属性。

2024-01-08 10:52:28 810

原创 使用elementui的table组件表头上的筛选功能

也定位不到这个到底是个什么元素,就很奇怪。经过多次尝试,发现在改变.el-checkbox__inner::after的边框颜色后左上角的那个框颜色也变了,才确定左上角的框就是选中状态中间的那个对勾,至于为什么会展示到左上角也没找到原因,解决办法是将.el-checkbox__inner::after的边框颜色设置为透明,在.is-checked的状态下在显现出来即可。成功引入后,需要进一步修改样式,修改样式后发现个问题,就是下拉框左上角有个一闪而逝的方框,如下视频。

2024-01-02 16:37:12 454

原创 vue项目需要给el-date-picker添加自定义按钮改变样式所遇到的问题

点击重置按钮后,dateValue是重置成当前日期了,但是会发现,如果对picker中的年、月进行了更改后,点击重置按钮,年月显示的还是更改后的效果,如下。此时可以通过调用updatePopper方法来解决,如上述关键代码。需要自定义下拉框样式,并且下拉框中需要添加自定义的按钮,如下效果。重置按钮是自己通过jquery添加上去的,关键代码如下。

2023-12-27 11:26:37 695

原创 vue项目中使用vue-seamless-scroll遇到的坑

参考版本号。

2023-12-27 11:11:45 867

原创 关于vue2.0项目路由的hash和history遇到的问题

2、使用history路由模式,打包后在本地通过http-server测试时有时会发现,除了默认的home页外,其他页面都报404,此时可以尝试把history模式去掉后来测试。如果是线上环境,需要后端配合修改配置。1、使用history路由模式,必须设置base参数。

2023-09-18 17:04:25 269

原创 关于elementui的input的autocomplete的使用

关于elementui的input的autocomplete的使用

2023-08-14 16:44:52 1216

原创 vue项目中Uncaught runtime errors:怎样关闭

关闭vue项目中因为webpack产生的全局报错提示

2023-06-12 19:25:15 15161 9

原创 vue2.0路由的使用问题

这是因为,直接安装时,安装的router版本是最新版,4以上的版本适用于vue3.0,和vue2.0不匹配,所以需要给router降级即可。在不指定router版本的情况下,可能会出现报错问题。2、在src下新建router/index.js。

2023-05-23 14:24:18 93

原创 关于axios的get、post请求参数的记录

关于axios的get、post请求参数的记录

2023-04-27 17:35:01 367

原创 序列化paramsSerializer的使用

paramsSerializer的使用

2023-04-19 09:45:12 933

原创 关于video标签的使用心得

视频video标签的使用心得

2023-04-18 14:39:14 1651

原创 vue项目强制中断请求CancelToken

vue项目强制中断请求CancelToken

2023-04-08 14:29:39 1450

原创 vue3.0项目中使用swiper8遇到的坑

vue项目引入swiper踩坑记录

2023-03-23 11:12:53 391

原创 关于vue3.0项目如何在父组件中调用子组件方法踩的坑记录

vue3.0项目如何在父组件中调用子组件的方法

2023-03-23 10:21:32 179

原创 vue项目中使用async和await关键字实现同步请求

vue中实现同步请求

2023-03-06 11:33:42 723

原创 关于vue3.0项目引入jtopo出现的各种问题汇总

记录vue项目引入jtopo的曲折历程

2023-02-28 17:49:01 811 2

原创 记录ant design vue库的drawer、select、message组件怎样自定义挂载点

记录ant design vue库关于组件drawer、select、modal组件怎样自定义挂载点

2022-10-26 18:52:52 1609 6

原创 flex布局碰到iview的table组件后出现的诡异动效

记录view design vue库的table组件在使用过程中遇到的诡异问题

2022-10-26 18:35:00 358

原创 vue3.0路由设置问题

vue3.0路由的设置

2022-07-18 16:55:29 1990

原创 vue项目中拼接出来的url中出现特殊字符%E2%80%8B的问题记录

复制出来的url中出现%E2%80%8B%E2%80%8B的问题

2022-07-14 18:33:08 2489

原创 vxe-table插件

使用vxe-table插件实现树形表格效果

2022-07-06 20:56:06 8629 1

原创 vue项目axios封装post和get公共方法,并设置超时状态。包括上传图片、下载excel和预览pdf

vue项目axios封装post和get公共方法,并设置超时状态

2022-06-06 14:49:14 980

原创 vue项目前端实现将table导出成excel功能

适用条件原生tabel或者使用elementui的table组件1、安装以下插件,注意,不同版本可能会有不同的报错,最好锁定以下版本来安装“xlsx”: “^0.17.4”,“xlsx-style”: “^0.8.13”“file-saver”: “^2.0.5”注意:安装成功后,需要将node_modules->xlsx-style->dist->cpexcel.js中807行的内容替换成以下内容,否则会报错找不到cpexcel.js文件var cpt = require(

2022-04-11 17:24:37 5119

原创 element-plus表格组件动态渲染数据后在合并单元格踩的坑

在项目中,经常需要从后端获取数据后,在动态渲染表格。elementui的表格组件,提供了合并单元格的方法,添加一个属性span-method。但是在开发过程中发现,span-method只对静态数据有效,就是span-method只会依据表格第一次渲染的数据来渲染,表格数据在请求后端后数据更新了,span-method的规则并不会重新执行先说一下实现如下效果的方法合并指标名称相同的相邻行声明一个函数filterData,用于处理获取到的数据// dom部分<el-table :data=

2022-03-28 17:00:44 3808

原创 element-plus表格组件合并表头并自定义列内容踩坑记录

目标,实现如下表格踩坑记录合并表头后,不需要显示出来的二级表头怎样给隐藏掉?合并表头后,在二级el-table-column中获取不到scope.row了,获取到的是个{}话不多说,直接上代码

2022-03-23 16:56:29 639

原创 抓包工具Charles

下载下载地址:https://www.charlesproxy.com/latest-release/download.do我的电脑是64位的,所以选择红框中的。安装按照默认next即可,然后选择路径。Charles破解破解地址:https://www.zzzmode.com/mytools/charles/按照下方文字填好,点击生成,会生成一个注册码然后打开charies,点击菜单栏的help->register…,输入Registered Name和License Key即可

2022-02-24 10:58:35 330

原创 elementui表单校验遇到的问题

项目有,有时候表单的校验规则复杂,需要自定义关键代码如下// html代码部分<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="评估净值"> <el-input v-model="form.asPgjz" prop="asPgjz"></el-input> </el-form-item></

2022-02-16 11:19:18 1547

原创 elementui表格自定义列内容

项目中,有时候需要实现如下效果:关键代码如下:<el-table stripe :data="tableData" class="el-table-scrollable-y" :span-method="objectSpanMethod" border style="width:

2022-02-16 09:53:12 2476

原创 将echarts地图的经纬度坐标转换成页面定位坐标

官网参考网址https://echarts.apache.org/zh/api.html#echartsInstance.convertToPixel示例const myChart = this.$echarts.init(document.getElementById('map'))myChart.convertToPixel('geo', [125.35, 43.88])

2022-02-15 16:46:29 2254

原创 echarts获取坐标轴的最大值和最小值

const myChart = this.$echarts.init(document.getElementById(this.moduleName))// 在setOption之后,执行以下代码myChart.getModel().getComponent('yAxis').axis.scale._extent // 获取y轴刻度最值myChart.getModel().getComponent('xAxis').axis.scale._extent // 获取x轴刻度最值...

2022-02-11 14:14:35 2317

原创 新建本地vue项目后,怎样跟git库关联起来

本地新建vue项目1、在目标文件夹下打开cmd2、在已经安装node的基础下,执行命令npm install -g @vue/cli3、执行vue create project-name,这里"project-name"指项目名称在gitee库里新建仓库1、新建仓库后,得到https地址2、用idea打开新建的本地项目后,如下进行此时,本地项目和git库就关联起来了,就可以进行更新和提交了......

2021-11-18 15:50:08 1444

转载 vue项目中使用swiper遇到的坑-无法自动播放问题

在使用vue-awesome-swiper组件时,如果大家也碰到了和小鲸一样的问题:轮播图无法自动播放。那下面的几个方法,希望能帮大家解决之。本文章使用的依赖版本如下图:版本依赖01observer与observeParents如果你在使用autoplay和loop属性的时候,会经常出现swiper不动的情况,那这个时候,你需要重新加载初始化swiper才可以。swiperOption: { direction: 'vertical', // 改变swiper样式时,自动初始

2021-05-11 09:30:56 4256

原创 vue项目中使用swiper遇到的坑-引入问题

vue项目引入swiperswiper插件,版本不同,可能会引起引入方式以及参数设置有很大差别,很多坑都是因为版本不同造成的,目前发现的坑有引入问题网上搜到很多文章,都是直接如下图引入,但是实际项目中,引入后项目启动就报错,报类似如下错误找了很久才找的一个能正确引入的文章以使用版本“swiper”: “^6.3.5”,“vue-awesome-swiper”: "^3.1.3"为例安装cnpm install swiper vue-awesome-swiper --savema

2021-05-10 18:09:23 3485 4

原创 vue前端项目部署流程

用到的工具FileZilla:用于连接服务器打开filezilla,文件-站点管理器,输入站点相关信息,端口一般是22,如下找到需要的目录将vue项目打包成dist,压缩后,拖拽到var/www/html目录下(拖拽前,最好把原始版本的dist在本地备份一下,万一新版本有bug,可以使用备份版本回滚到上一版)SecureCRT:用于运行命令打开SecureCRT,输入站点信息执行以下命令执行以上命令后,即可通过来访问http://xxx.xx.xx.xxx/vuepros/inde

2021-03-16 13:49:18 1067

原创 使用elementui遇到字体图标显示不正常的问题

在vue项目中使用elementui组件时,有时候会出现图标显示不正常,显示成一个方块的问题,可以按以下逻辑来排查查看elementui版本是否过低,如果过低,升级后在看,最好是卸载后在安装,单纯升级有可能升级后也出不来让后端查看下,是否后端的maven的filter过滤掉element的tff和woff文件导致没出来...

2021-03-11 16:14:08 1869

原创 给echart图绑定click等鼠标事件

在应用echarts的过程中,有时候需要给echarts绑定click事件官方参考文档地址:https://echarts.apache.org/zh/api.html#echartsInstance.onmyChart.on('click',function (params) { console.log('params',params)})此时是可以实现点击效果的,但是有个不友好的地方就是,只有点击折线图节点或者柱图柱子的时候才会触发,达不到只要点击echarts就能实现点击事件的效果,多方

2021-02-05 15:12:55 5757

海量点展示massivePoint.zip

初步实现海量点展示的效果,包含知识点有: 1、自定义点样式 2、自定义hover 的时候的tip内容

2020-07-14

pointAggregation.zip

实现点聚合功能,其中涉及主要知识点有 1、自定义marker图标 2、给marker绑定事件 3、如何动态触发marker的事件 4、如何运用自定义属性extData实现传值

2020-07-14

zongjue.zip

借助obj资源绘制ht3d掘进机页面,并实现一系列动画,涉及知识点有 1、载入obj文件 2、锚点重定位 3、旋转 4、动画 5、矩阵变换 6、绘制管道

2020-07-07

AmapAreaDrilling-master.zip

采用重绘地图的形式实现地图下钻,其中包含知识点 1、绘制世界、国、地市地图 2、设置各个等级边界线 3、地图填充颜色 4、地图自适应容器

2020-07-07

jquery.qrcode.min.js

js生成二维码插件:jquery.qrcode.min.js。ie8不支持

2017-04-17

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除