- 博客(44)
- 资源 (5)
- 收藏
- 关注
原创 安装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 340
原创 vue3项目中使用getCurrentInstance获取实例和dom的问题
我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象Vue2中,可以通过this来获取当前组件实例;Vue3中,在setup中无法通过this获取组件实例,console.log(this)打印出来的值是undefined。在Vue3中,getCurrentInstance()可以用来获取当前组件实例。
2024-04-02 12:07:09 460
原创 关于vue-seamless-scroll插件中使用echarts图表后有些模块中图表不渲染的问题的解决方案
执行npm install vue-seamless-scroll。拿vue2为例来说明。
2024-02-29 10:00:01 261
原创 ant-design-vue的日期组件a-range-picker赋值的问题
发现此时就可以正常赋值了且不报错,但是问题又来了,打印变量发现变量的值也是moment,又需要再次进行转换,很麻烦。在使用ant-design-vue的日期组件时,总是会碰到赋值问题,习惯性的赋值就是直接给日期组件的变量赋值字符串类型,如下。这是因为该时间组件默认只能接收moment类型的时间,此时需要借助于moment插件来进行以下转换,如下。以上问题是因为没有指定valueFormat,指定该值后就不用来回转了,如下。此时单从页面上看,能成功赋值,但是控制台会报个错。查阅ant文档发现一个属性。
2024-01-08 10:52:28 864
原创 使用elementui的table组件表头上的筛选功能
也定位不到这个到底是个什么元素,就很奇怪。经过多次尝试,发现在改变.el-checkbox__inner::after的边框颜色后左上角的那个框颜色也变了,才确定左上角的框就是选中状态中间的那个对勾,至于为什么会展示到左上角也没找到原因,解决办法是将.el-checkbox__inner::after的边框颜色设置为透明,在.is-checked的状态下在显现出来即可。成功引入后,需要进一步修改样式,修改样式后发现个问题,就是下拉框左上角有个一闪而逝的方框,如下视频。
2024-01-02 16:37:12 473
原创 vue项目需要给el-date-picker添加自定义按钮改变样式所遇到的问题
点击重置按钮后,dateValue是重置成当前日期了,但是会发现,如果对picker中的年、月进行了更改后,点击重置按钮,年月显示的还是更改后的效果,如下。此时可以通过调用updatePopper方法来解决,如上述关键代码。需要自定义下拉框样式,并且下拉框中需要添加自定义的按钮,如下效果。重置按钮是自己通过jquery添加上去的,关键代码如下。
2023-12-27 11:26:37 729
原创 关于vue2.0项目路由的hash和history遇到的问题
2、使用history路由模式,打包后在本地通过http-server测试时有时会发现,除了默认的home页外,其他页面都报404,此时可以尝试把history模式去掉后来测试。如果是线上环境,需要后端配合修改配置。1、使用history路由模式,必须设置base参数。
2023-09-18 17:04:25 274
原创 vue2.0路由的使用问题
这是因为,直接安装时,安装的router版本是最新版,4以上的版本适用于vue3.0,和vue2.0不匹配,所以需要给router降级即可。在不指定router版本的情况下,可能会出现报错问题。2、在src下新建router/index.js。
2023-05-23 14:24:18 93
原创 记录ant design vue库的drawer、select、message组件怎样自定义挂载点
记录ant design vue库关于组件drawer、select、modal组件怎样自定义挂载点
2022-10-26 18:52:52 1626 6
原创 vue项目axios封装post和get公共方法,并设置超时状态。包括上传图片、下载excel和预览pdf
vue项目axios封装post和get公共方法,并设置超时状态
2022-06-06 14:49:14 986
原创 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 5137
原创 element-plus表格组件动态渲染数据后在合并单元格踩的坑
在项目中,经常需要从后端获取数据后,在动态渲染表格。elementui的表格组件,提供了合并单元格的方法,添加一个属性span-method。但是在开发过程中发现,span-method只对静态数据有效,就是span-method只会依据表格第一次渲染的数据来渲染,表格数据在请求后端后数据更新了,span-method的规则并不会重新执行先说一下实现如下效果的方法合并指标名称相同的相邻行声明一个函数filterData,用于处理获取到的数据// dom部分<el-table :data=
2022-03-28 17:00:44 3846
原创 element-plus表格组件合并表头并自定义列内容踩坑记录
目标,实现如下表格踩坑记录合并表头后,不需要显示出来的二级表头怎样给隐藏掉?合并表头后,在二级el-table-column中获取不到scope.row了,获取到的是个{}话不多说,直接上代码
2022-03-23 16:56:29 642
原创 抓包工具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 1549
原创 elementui表格自定义列内容
项目中,有时候需要实现如下效果:关键代码如下:<el-table stripe :data="tableData" class="el-table-scrollable-y" :span-method="objectSpanMethod" border style="width:
2022-02-16 09:53:12 2479
原创 将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 2276
原创 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 2329
原创 新建本地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 1464
转载 vue项目中使用swiper遇到的坑-无法自动播放问题
在使用vue-awesome-swiper组件时,如果大家也碰到了和小鲸一样的问题:轮播图无法自动播放。那下面的几个方法,希望能帮大家解决之。本文章使用的依赖版本如下图:版本依赖01observer与observeParents如果你在使用autoplay和loop属性的时候,会经常出现swiper不动的情况,那这个时候,你需要重新加载初始化swiper才可以。swiperOption: { direction: 'vertical', // 改变swiper样式时,自动初始
2021-05-11 09:30:56 4354
原创 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 3508 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 1071
原创 使用elementui遇到字体图标显示不正常的问题
在vue项目中使用elementui组件时,有时候会出现图标显示不正常,显示成一个方块的问题,可以按以下逻辑来排查查看elementui版本是否过低,如果过低,升级后在看,最好是卸载后在安装,单纯升级有可能升级后也出不来让后端查看下,是否后端的maven的filter过滤掉element的tff和woff文件导致没出来...
2021-03-11 16:14:08 1871
pointAggregation.zip
2020-07-14
AmapAreaDrilling-master.zip
2020-07-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人