自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue-cli4创建的vue2项目将vue-cli版本和babel等版本升级后造成的一系列问题记录,包括项目无法安装依赖,无法启动,部署后背景图和字体图标iconfont不展示等问题

2、不仅背景图片不展示,使用的iconfont字体图标也不展示了,多方查找,尝试修改字体图标的路径也不对,最后发现,本项目中使用了两个字体图标文件,一个文件3k,一个文件9k,3k的文件在打包后的dist/css/app.xxxx.css中引入的路径变成了base64,而9k的文件没有变,3k中的图标能正常显示,9k中的不行,所以就尝试如下调整。vue2项目,vue-cli4,因为要引入一个新的组件,版本冲突没办法把vue-cli4升级到了vue-cli5,主要版本如下,列举不全,仅供参考。

2024-07-15 12:39:53 272

原创 vue3项目中新增修改时使用nextTick时遇到的问题

乍一看以上代码,逻辑上没问题,但是修改数据后,刷新列表,发现,列表数据确实是修改后的了,此时再次点击修改,会发现修改弹框中的数据并没有更新,还是以前的旧数据,很费解。最后才发现问题所在,修改时给表单赋值回显时需要写在nextTick里,如下。页面是个列表页,需要实现增删改查,新增和修改使用表单提交。

2024-05-25 17:52:24 167

原创 关于vue项目中动态引入图片作为背景图遇到的问题

vue项目中如果需要动态的引入图片作为背景图。

2024-05-10 16:08:23 292

原创 关于修改ant-design-vue的table组件背景色遇到闪动的问题

这样重置之后,hover的样式确实没了,但是会出现以下闪动的情况,闪动出来一个背景色,找不到到底是哪个元素上的背景色。多方查找后才发现,只重置了hover时的td的背景色还不行,需要单独在重置一下td的背景色,如下。修改完之后发现表格行还有个hover的背景色,于是再次重置样式如下。ant-design-vue表格行背景色闪动的问题。项目中需要修改表格的背景色为以下样式。此时就不会有闪动的问题了。

2024-05-09 15:47:30 394

原创 安装nvm管理node版本

卸载电脑上原有的nodejs,卸载后确保相关的文件夹也删除掉,否则会在nvm安装成功后管理node版本时造成冲突,例如执行nvm use 20.5.0时报exit status 145的错误。注意,在nvm安装成功后,并且指定的node版本也安装成功了,但是在项目的命令行中如果出现node不是内部命令的现象,此时可能是环境变量没有配置成功。此时再在命令行中尝试node -v看看是否成功,如果还是报不是内部命令,重启电脑试一下。检查nvm是否安装成功,nvm -v,能出版本号即为安装成功。

2024-04-22 16:00:04 385

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

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

2024-04-02 12:07:09 655

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

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

2024-02-29 10:00:01 380

原创 项目部署后需要和门户进行交互,获取token信息

此时会发现一个问题,就是因为打包后的js入口文件名不是固定的,那就需要每次都只能是打包后手动来修改loadScript,这就很麻烦,要怎么解决呢?最后就是把获取token的源代码直接放在public/index.html中即可(注意放置的位置),不需要等到打包后在修改index.html。loadScript的参数值直接给’./js/app.customName.js’即可。loadScript的参数值取决于打包后的js入口文件名。以上代码,需要放置到打包后dist中的index.html中,放在。

2024-01-17 15:48:19 156

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

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

2024-01-16 17:56:30 1130

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

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

2024-01-10 11:28:27 2373

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

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

2024-01-08 10:52:28 1283

原创 系统门户配置菜单的问题

选择的应用名称的作用,是控制点击该子菜单时,使顶部横向菜单保持在指定的位置。比如点击了视频服务下的子菜单模型服务,如果给模型服务配置的应用是视频服务-除渣系统,点击模型服务时就会跳转到除渣系统。左上角用户下拉-权限管理-角色授权,给对应的角色进行授权后,再次刷新页面(可清缓存)即可看到菜单生效。注:树结构的第一级即为门户顶部的横向菜单内容,具体展示哪些需要另外配置权限方能展示。4、新建完成后,系统上的菜单还并不能显示出来,还需要配置权限。3、新建应用完成后,需要新建菜单。1、需要新建一个应用。

2024-01-03 18:10:51 319

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

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

2024-01-02 16:37:12 565

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

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

2023-12-27 11:26:37 956

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

参考版本号。

2023-12-27 11:11:45 1311 1

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

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

2023-09-18 17:04:25 313

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

关于elementui的input的autocomplete的使用

2023-08-14 16:44:52 1611

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

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

2023-06-12 19:25:15 17288 10

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

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

2023-05-23 14:24:18 100

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

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

2023-04-27 17:35:01 442

原创 序列化paramsSerializer的使用

paramsSerializer的使用

2023-04-19 09:45:12 1227

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

视频video标签的使用心得

2023-04-18 14:39:14 1874

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

vue项目强制中断请求CancelToken

2023-04-08 14:29:39 1578

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

vue项目引入swiper踩坑记录

2023-03-23 11:12:53 487

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

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

2023-03-23 10:21:32 215

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

vue中实现同步请求

2023-03-06 11:33:42 802

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

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

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

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

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

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

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

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

2022-10-26 18:35:00 392

原创 vue3.0路由设置问题

vue3.0路由的设置

2022-07-18 16:55:29 2044

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

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

2022-07-14 18:33:08 2667

原创 vxe-table插件

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

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

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

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

2022-06-06 14:49:14 1063

原创 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 5223

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

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

2022-03-28 17:00:44 4067

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

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

2022-03-23 16:56:29 705

原创 抓包工具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 335

原创 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 1703

原创 elementui表格自定义列内容

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

2022-02-16 09:53:12 2514

原创 将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 2497

海量点展示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关注的人

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