- 博客(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
原创 关于修改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
原创 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
原创 关于vue2.0项目路由的hash和history遇到的问题
2、使用history路由模式,打包后在本地通过http-server测试时有时会发现,除了默认的home页外,其他页面都报404,此时可以尝试把history模式去掉后来测试。如果是线上环境,需要后端配合修改配置。1、使用history路由模式,必须设置base参数。
2023-09-18 17:04:25
313
原创 vue2.0路由的使用问题
这是因为,直接安装时,安装的router版本是最新版,4以上的版本适用于vue3.0,和vue2.0不匹配,所以需要给router降级即可。在不指定router版本的情况下,可能会出现报错问题。2、在src下新建router/index.js。
2023-05-23 14:24:18
100
原创 记录ant design vue库的drawer、select、message组件怎样自定义挂载点
记录ant design vue库关于组件drawer、select、modal组件怎样自定义挂载点
2022-10-26 18:52:52
1793
6
原创 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
pointAggregation.zip
2020-07-14
AmapAreaDrilling-master.zip
2020-07-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人