- 博客(28)
- 收藏
- 关注
原创 vue3+vite 使用dataV 报错问题及问题解决
这个错误改完还有/node_modules/jiaminghi/data-view/lib/components/decoration3/src/main.vue文件需要修改(相同错误,相同修改方法),修改后重启项目。依赖包引入报错,需要在/node_modules/jiaminghi/data-view/lib/components/decoration6/src/main.vue 下。喜欢的小伙伴github点个start 如有问题请联系qq 2096864475。
2024-08-08 15:28:01
259
原创 vue中动态路由
在Vue中,可以通过动态路由来实现根据不同的参数生成不同的路由。常见的场景是根据用户的ID生成不同的用户详情页路由。然后,在User.vue组件中,可以通过。在上面的代码中,我们配置了一个动态路由。时,将会渲染User组件,并显示。参数的值,并将其显示在模板中。在上面的代码中,我们通过。
2024-08-01 11:26:58
420
原创 vue中插槽的使用
Vue的插槽是一种在父组件中定义模板,然后将子组件的内容插入到模板中的技术。它允许父组件在自定义组件中定义可复用的模板,同时在使用组件时可以根据需要替换或扩展这些模板。Vue的插槽可以帮助实现组件的复用性和灵活性,允许父组件在子组件的模板中动态插入内容。通过使用具名插槽和默认插槽,可以更好地控制组件的结构和内容。Vue的插槽有两种类型:具名插槽和默认插槽。然后,在使用该组件时,可以通过。
2024-08-01 11:25:47
368
原创 VUE3 el-Menu + tabs 联动
项目地址:https://github.com/jiaokaihang/vite_project.git。我们在项目中会有这种情况,根据点击侧边栏的菜单,来动态实现右侧tabs的增减,那么这种效果怎么实现呢。喜欢的小伙伴github点个start 如有问题请联系qq 2096864475。
2024-08-01 11:24:34
476
原创 vue3如何使用ts
在使用Composition API时,可以使用TypeScript的泛型来定义函数的参数和返回类型。在Vue的官方文档中也有更详细的关于Vue 3和TypeScript的使用指南,你可以进一步了解和学习。设置VS Code编辑器:如果你使用的是VS Code编辑器,可以安装Vue和TypeScript的插件,例如"Vetur"和"Vue 3 Snippets"。使用类型注解:在Vue组件中,你可以使用TypeScript的类型注解来为组件的props、data、methods等声明类型。
2024-07-16 14:28:02
141
原创 vue3中如何使用vuex
以上就是在Vue 3中使用Vuex的基本步骤。当然,在实际使用中,你还可以添加模块、插件等来增强Vuex的功能。具体的用法可以参考Vuex的官方文档。在Vue 3中,可以使用Vuex来进行状态管理。
2024-07-16 14:24:04
563
原创 git的基本使用
仓库(Repository):Git仓库是存储项目代码和历史记录的地方。它可以是本地的(本地仓库)或者是远程的(远程仓库)。合并(Merge):将一个分支的更改合并到另一个分支。远程仓库(Remote):一个存放在远程服务器上的Git仓库,可以与本地仓库进行同步和交互。以上是Git的基本概念和使用方式,通过这些基本命令可以完成日常的代码管理和版本控制。拉取(Pull):从远程仓库获取最新的代码,并与本地仓库进行合并。推送(Push):将本地仓库的代码上传到远程仓库。命令将一个分支的更改合并到另一个分支。
2024-07-11 10:09:29
220
原创 vue3 高德地图 热力图层
注:如果加载不出Loca有可能是因为,版本不正确,确保Loca的版本正确。1.使用npm安装 @amap/amap-jsapi-loader。我们在开发中,很有可能会用到高德地图,那么该如何设置呢。3.在新版本的,key需要配合密钥一起使用。4.创建地图和Loca实例。
2024-07-10 11:01:08
322
原创 vue3 高德地图 飞线图层
注:如果加载不出Loca有可能是因为,版本不正确,确保Loca的版本正确。1.使用npm安装 @amap/amap-jsapi-loader。securityJsCode: "申请的密钥",我们在开发中,很有可能会用到高德地图,那么该如何设置呢。3.在新版本的,key需要配合密钥一起使用。4.创建地图和Loca实例。
2024-07-10 10:57:04
353
原创 vue中使用dataV,echarts不显示怎么办
我们在开发中,如果使用datav+echarts来进行开发的话,就会遇到,我给echarts设置了宽高但是,还是不显示怎么办,这时候我们需要吧用到的echarts包装成一个子组件即可,在父组件中引用,就完美解决了。
2024-06-25 16:33:34
176
原创 vue+el-table如何进行单列的表格合并
span-method: 合并列或者行的计算方法 Function({row,colunm,rowIndex,colunmIndex})1.首先在el-table上面绑定事件:span-method="objectSpanMethod"这样就可以啦,不喜勿喷,有想法可以交流哦,Q:2096864475。2.在methods中注册这个方法。
2024-06-25 16:27:56
173
原创 vue+el_table修改单列背景颜色
2.在el-table中增加 :cell-style='colunmStyle'我们在开发中,如果遇到给表格单独一列添加样式该怎么做呢。1.我们在模板中添加el-table这个组件。colunmIndex:列数下标从0开始。rowIndex:行数下标从0开始。3.在methods增加这个方法。colunm:每一列的数据。row:每一行的数据。
2024-06-25 16:21:47
558
1
原创 使用mockjs的时候,拦截了地图的资源请求怎么办
查了一下mock.js的工作原理,它直接替换了xhr请求,改成了自己的实现,如果路由没有匹配到,就进行跳转。解决方案有两个,一个是去掉mock.js二是修改mock.js的源码。在使用地图组件的时候,因为数据都是自己写的,所以我选择了mockjs来实现虚拟数据,但是在渲染的时候,地图的资源居然不显示了,一开始我以为是key出现了问题,但是更改玩key还是不显示,这到底是怎么回事呢?如果有更好的办法,欢迎各位小伙伴来评批指正~修改前://大概在8360行。然后重启项目就可以啦!
2024-02-27 13:51:17
438
原创 vue3如何使用pinia
store实例相当于一个容器,里面包含着data,计算属性,方法之类,通过definStore来进行定 义。在实际开发中,不可能多个模块的数据都定义到一个store里面,而是一个模块对应一个store,最后通过一个根store进行整合。在src下面创建一个store文件夹,再创建与之对应的js文件,比如login.js。那有的伙伴就会问了,我们不是有了vuex吗,为什么还要使用pinia呢?在main.js中,引入pinia并使用。在模板中引入 并调用。3.批量修改state。
2024-01-10 17:12:12
495
1
原创 vue3+element-plus 实现动态菜单和动态路由的渲染,中后台管理系统实战(前后端分离版)
本文章旨在从零搭建一个动态菜单,动态路由的中后台管理系统的初始环境,可能有些地方不会那么完美,请多多指教。
2024-01-09 11:18:56
4299
2
原创 vue项目中如何单独使用less
我们在项目中,避免不了要使用css来控制页面的样式,但是如果有大量的样式,那么我们在编辑代码的时候会感到非常的乱,而且不会很好的维护,那么我就该讲样式文件,单独放在一个文件中
2023-10-12 14:35:05
213
1
原创 Vue项目中在el-table插入进度功能
我们在项目中有时候会有各种各样的要求,今天我碰到的要求就是需要在el-table中插入类似于进度条,并且获取每一列的最大值,根据最大值,来渲染进度。在计算属性里面,我们创建一个空的数组,将计算的值放进数组中,通过 css函数 calc来进行计算。maxValues[gaindex] -- 每一列的最大基数,通过索引来查找。获取每一列的最大值,在一块我们需要用到computed计算属性来进行计算。表格的内容就很简单,通过v-for指令来进行循环遍历,来进行渲染。里面需要两个div来进行布局,具体样式如上。
2023-09-27 09:04:45
914
原创 vue项目中使用el-Cascader级联选择器实现省市区三级联动
在项目中,有很多的地方都会使用三级联动来实现省市区的功能,那么如何在项目中使用el-cascader组件呢。通过组见的changge事件,来拿到每一个编码,这个操作是在子组件完成的。我在项目中这个组件是封装在Form表单里面,首先父组件去使用这个组件。在父组件中传递一个options来进行渲染数据,设置value为【】然后去调用接口中的数据,来渲染省市区。最后通过循环一次加入options中。然后再data里面去定义数据。
2023-08-30 21:50:48
902
1
原创 vue如何导出csv文件,后端返回的不是文件流该怎么导出
vue中导出文件,一般都是后端返回的一个文件流,或者是一个json文件,如果是一个csv文件呢,那该如何导出呢。其实每个文件的导出都是大同小异的,标注好类型就可以啦。
2023-08-03 20:57:58
449
原创 Vue+element-ui实现提交表单和csv文件
要使用element-ui实现上传文件的话,必定少不了el-upload这个组件库,那如何实现这个上传呢。首先我们需要再main.js去使用upload这个组件。然后再页面上使用这个组件。在请求接口中设置请求头。
2023-08-03 20:51:37
578
原创 [Violation ] Added non-passive event listener to ascroll- blocking ‘mousewheel’event Consider markin
Violation ] Added non-passive event listener to ascroll- blocking 'mousewheel’event Consider marking event handler as ’ passive’to make the page more responsive. --控制台报错解决方法。
2023-07-27 22:02:01
4008
2
原创 axios的二次封装-拦截器的使用
我们在项目中,避免不了要使用axios来进行对数据的请求,那如果每页都写一份axios请求,又会显得页面很乱不好维护,那么我们就应该对axios进行二次的封装。4.再api里创建一个文件夹例如index.js,在api文件夹内创建文件,代码如下。//利用axios的、对象的create方法,去创建一个实例。//失败回调 --终止promise链。1.首先我们在src创建一个api文件。2. 然后再终端安装以下两个插件。// 对axios的二次封装。
2023-07-26 22:18:30
145
1
原创 Vue项目中引入百度地图
/ ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */要使用这个百度地图控件的话,首先要去官网上申请一下百度地图的sdk,链接我就放在这里了。安装完成之后,在main.js中引入BaiduMap并使用。首先要先安装vue-baidu-map插件。接下来就可以创建一个ditu.vue文件。这样你就可以获得一个简单的地图控件了。拿到sdk之后就可以进行开发了。如果想让地图更加的丰富,可以参考。
2023-07-24 01:06:25
1018
原创 VUE前端启动报错Module not found: Error: Can‘t resolve ‘sass-loader‘
3.确认项目中已经安装sass-loader了,sass-loader是依赖于node-sass包的,如果没有安装node-sass,那么也会找不到sass-loader。遇到如上情况的伙伴并不要慌,首先先终止进程,重新安装,如重新安装还是会出现此情况的话,需要耐心等待,大概一分钟就是安装好。2.如果没有显示,或者显示的版本号为红色,那么就需要先安装sass-loader。4,如果没有显示,或者显示的版本号为红色,那么就需要先安装node-sass。1.首先查看项目中有无安装sass-loader。
2023-07-22 13:41:32
5534
原创 如何使用element-ui进行主题的切换呢
我们在使用element-ui框架的时,有很多时候主题的配色都是我们不喜欢的,那这个时候element-ui的组件库就帮助我们推出了一套主题定制,用来帮助我们切换主题,方法也很简单。这里我们需要注意sass-loader的安装,如果未安装的话,具体安装步骤请详见。/* 改变 icon 字体路径变量,必需 */首先在项目中src文件创建一个style文件。然后再main.js中引用即可。在项目中改变sass变量。/*改变主题色变量*/
2023-07-22 13:23:26
1131
原创 mac生成ssh秘钥方法
注:生成公钥/私钥对。输入保存密钥的文件(/Users/yangfen/.ssh/id_rsa)注:这里是让你输入密码,可以随便填写密码,但是不要忘记,如果不想输入的话,直接摁两次回车即可。ls //查看所有文件。2.之后他会让你输入路径或密码之类:一直嗯回车。cat id_rsa.pub //查看密钥。“xxx@qq.demo"是你的邮箱名称。cd ~/.ssh //进入这个文件。最后复制到git中即可。
2023-07-19 22:47:30
2699
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人