- 博客(28)
- 收藏
- 关注
RSS订阅原创 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关注的人