- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue中定义一个url文件,在vue文件中引入
1.在src/utils文件夹下创建一个url.js。3.在其他vue文件中引入。2.url.js的内容为。4.在挂载时打印一下。打印出来就可以用了.
2024-08-22 11:06:05
858
原创 vue 模拟随机经纬度(小数点后保留6位),直接可用
3.console.log,打印一下randomLatLng 你就知道拿的值是什么了。2.控制经纬度的范围把经纬度传到方法中。
2024-05-22 10:15:04
484
1
原创 vue3 element plus el-date-picker组件在日期上做标识
(2)js部分(holidays就是你想渲染的日期标识)1.先看效果图,带红点的就是我要做标识的日期。2.直接把代码拿出来就可以用。
2024-05-11 16:52:13
681
1
原创 安装nvm步骤,及操作
1.进入https://github.com/coreybutler/nvm-windows/releases 下载nvm-setup.exe或者nvm-setup.zip压缩包解压一下也行。5.输入 nvm user 14.17.5 (表示目前使用的版本号,如果要切换别的版本,也是 nvm use 版本号)2.下载好之后,点击exe安装,会让你选择nvm的安装路径,还有下载node的各个版本都会在这里。7.输入nvm ls(查看已安装的多种版本的node,前边有 * 的代表目前正在用的)
2024-02-28 10:52:28
235
原创 vue中引入外部字体包
在font.css文件中,font-family为自定义字体名字方便引入的时候使用,scr为引入字体包的名称。ttf一般为字体包,在src下新建 common 文件夹,把字体包放进来。3.在需要使用的地方先引入再使用。
2024-02-23 09:29:33
365
原创 vue中使用高德地图在地图上展示多边形
1.通过 npm install vue-amap --save 安装高德地图。2.在项目中public目录下的index.html下引入。
2024-02-21 16:28:21
488
原创 vue点击按钮通过.bat文件打开本地前端项目(原生js的前端项目)
(1).在HKEY_CLASSES_ROOT下新建项Pie，修改右侧默认字符串值为Piep Protocol，并点击空白处有点新建字符串值，数值名称为:URL Protocol，数值数据为：C:\Users\Administrator\Desktop\open.bat。(3.)在Pie下新建项shell，在shell下新建项open，在open下新建项command,在command右侧修改默认字符串数值数据为：C:\Users\Administrator\Desktop\open.bat。
2023-12-25 14:26:07
774
1
原创 vue通过定时器,页面实时显示时间
5.html部分,双花括号渲染。2.通过定时器调取当前时间。3.挂载定时器这个方法。4.data中声明变量。
2023-12-13 10:14:13
991
1
原创 echarts柱状图Y轴刻度不出现小数
2.想要让Y轴数据不出现小数需要在 yAxis中加入 minInterval:1 就可以实现。1.如下图所示,柱状图会自己分配Y轴的数据。
2023-12-11 14:42:22
3648
1
原创 uniapp封装request
1.在目录下建立untils文件夹,在里边新建文件request.js文件。1.header里边看需不需要 "Bearer",这个要跟后端核实。2.success里边根据后端的返回的code码来做相对应的判断。3.在目录下新建api文件夹,然后建立js文件用来专门写接口。4.每个接口文件使用之前先引入request。2.request.js代码如下。注意:有两处需要注意的地方。
2023-12-07 09:37:52
465
原创 vue中预览excel表格,也就是 .xlsx结尾的表格
输入完之后还是页面报错,少一些依赖的东西,又提示我输入以下命令,我又继续输入以下命令,结果直接报错error了。(3)data中声明一个excel(excel可以是文档地址,也可以是base64)此处需要注意的是安装完后保存代码,提示我报错了,然后让我输入以下命令。于是我去百度这段代码,让我输入以下命令。2.代码如下,安装完之后把代码写进去。老规矩先看效果(点击按钮展示这个)(1)引入相关的组件及其样式。1.使用插件,安装命令如下。(4)methods方法中。(1)html部分如下。
2023-12-06 17:23:32
987
6
原创 vue若依框架中,刚进来是可视化大屏,而不是登录页面的写法
2.将此路由加入白名单(白名单就是免登录就能访问的)注意,哪个路由先加载,把他放最上边。
2023-12-05 11:24:16
1126
1
原创 vue若依框架获取当前登录人的id
3.然后在需要的地方打印,就能获取到当前登录人的id。2.还是在同一个页面找获取用户信息接口,如下图。1.在vuex中存userId。
2023-12-05 11:11:24
3132
1
原创 vue若依框架点击登录之后跳转到自定义页面,再跳转到后台管理页面
2.登录页面登录成功后跳转到zhongzhuang.vue(zhongzhuang.vue就是相当于中转页)3.进入中转页面后,我这写的比较简单,就写了一个按钮,跳转到index.vue页面。
2023-12-05 11:07:35
1814
1
原创 vue刷新页面的3种方式(前2种用户体验不是很好,最后一种适合用)
(2)在需要使用的页面声明inject,把app.vue定义的reload接收过来。(3)在需要的地方直接调用(也可以专门写一个刷新按钮进行调用,在适合的地方调用)(1)在app.vue中,加入如下代码 provide声明一个reload。2.vue自带的刷新方式也是跟点击浏览器刷新一样,用户体验不是很好。1.原生js刷新,这种方式跟点击浏览器刷新一样,用户体验不是很好。3.不会再出现跟前2种一样的页面闪烁的方式。使用的是 provide/inject。vue刷新页面的方式。
2023-12-04 15:53:02
658
原创 vue若依框架中连接后台不同的端口号
做项目中有这样一种情况,连接后台的ip端口是8080,然后有的接口端口是5000。首先引入axios然后ip地址处更改成你要连接的ip地址。1.在untils文件夹中新建 http.js文件。所以就得重新封装一下接口(简单封装一个)4.在接口处return http。3.在接口文件先引入http。2.http.js代码如下。有看不懂的地方私信我.
2023-12-01 11:28:47
1559
1
原创 vscode上传代码,不用git命令行就可以上传
相当于 git commit -m "" 可以备注一些东西。4.输入远程仓库的名称,按enter键就连接成功了。1.打开vscode,点击左侧的源代码管理。10.最后点击发布分支就上传到远程仓库了。6.点击这里的加号(鼠标放上去显示的。大家有不太懂的地方可以随时留言给我。7.点击之后表示放到了暂存区。3.输入远程仓库的url。5.修改后这里会显示条数。2.点击添加远程存储库。8.然后提交已暂存文件。
2023-12-01 10:53:05
824
1
原创 若依框架访问接口不带token写法(不需要登录访问接口)
若依框架中,还没登录访问接口,不带token的写法。在接口中添加以上代码,就可以实现。
2023-11-30 16:56:06
3970
1
原创 vue2中点击按钮使用预览pdf,word文件,图片3种格式的写法
大家如果有不懂得地方,或者逻辑之类看不明白的,或者我少写了代码的.欢迎大家留言看到我会第一时间回复,并且修改和纠正.使用 npm install vue-pdf 命令下载安装,在compons里边注册一下。我这里是点击el-table的某一列,使用的插槽。baseUrl是公共路径,需要根据实际情况修改。data中定义的数据,
2023-11-23 17:20:58
488
原创 vue2中使用甘特图
3.先把代码放下边了,可以根据代码研究一下细节,用不到的的功能可以注释,直接复制就可以用,各位小伙伴,根据自己的需求改一下(也是从别的大神那看的例子,大家可以借鉴一下)
2023-11-03 14:40:09
1739
9
原创 uniapp 通讯录组件点击获取后台返回的id
1.官方文档中数据格式是这样的,并不包含id。7.在之前页面中遍历就可以加上id了。2.后端返回来的数据结构是这样的。6.在setList方法中寻找。4.需要返回如下带id属性。8.点击一下,打印结果如下。3.点击组件的点击事件。5.去找这个依赖文件夹。
2023-09-26 11:57:33
141
原创 vue,element ui table表格中,鼠标移入某一列,会变成小手的方法
在方法中定义cellStyle,注意data.columnIndex==5,是从第一列的下标开始,是从0开始的。首先在table属性中加入 :cell-style="cellStyle"
2023-09-07 15:21:49
3060
2
原创 Vue加载页面时,数字滚动效果
其中：startVal为开始数字，startVal为结束数字，duration为滚动时长， decimal：保留小数点后几位。当autoplay:true时,startVal或endVal修改时会启动。最近有一个需求,加载页面时数字滚动,过几秒出现真实数据,来记录一下。前端小白一个,也是看的大佬的文章想来记录一下。通过安装插件实现,执行以下命令安装插件。我这里是写在span标签中的。在页面中引入并且注册组件。
2023-07-25 15:34:50
298
原创 vue循环图片加载失败处理的方式
我的图片是放在assets下的,修改路径后,正常显示出来了。el-image循环data中的数据会出现加载失败。
2023-07-18 14:41:56
128
1
空空如也
若依框架前端去除登录页面进入index页面
2024-01-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人