- 博客(16)
- 收藏
- 关注
RSS订阅原创 使用mockjs的时候，拦截了地图的资源请求怎么办
查了一下mock.js的工作原理，它直接替换了xhr请求，改成了自己的实现，如果路由没有匹配到，就进行跳转。解决方案有两个，一个是去掉mock.js二是修改mock.js的源码。在使用地图组件的时候，因为数据都是自己写的，所以我选择了mockjs来实现虚拟数据，但是在渲染的时候，地图的资源居然不显示了，一开始我以为是key出现了问题，但是更改玩key还是不显示，这到底是怎么回事呢？如果有更好的办法，欢迎各位小伙伴来评批指正~修改前：//大概在8360行。然后重启项目就可以啦！
2024-02-27 13:51:17
351
原创 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
415
1
原创 vue3+element-plus 实现动态菜单和动态路由的渲染，中后台管理系统实战（前后端分离版）
本文章旨在从零搭建一个动态菜单，动态路由的中后台管理系统的初始环境，可能有些地方不会那么完美，请多多指教。
2024-01-09 11:18:56
2214
2
原创 vue项目中如何单独使用less
我们在项目中，避免不了要使用css来控制页面的样式，但是如果有大量的样式，那么我们在编辑代码的时候会感到非常的乱，而且不会很好的维护，那么我就该讲样式文件，单独放在一个文件中
2023-10-12 14:35:05
151
1
原创 Vue项目中在el-table插入进度功能
我们在项目中有时候会有各种各样的要求，今天我碰到的要求就是需要在el-table中插入类似于进度条，并且获取每一列的最大值，根据最大值，来渲染进度。在计算属性里面，我们创建一个空的数组，将计算的值放进数组中，通过 css函数 calc来进行计算。maxValues[gaindex] -- 每一列的最大基数，通过索引来查找。获取每一列的最大值，在一块我们需要用到computed计算属性来进行计算。表格的内容就很简单，通过v-for指令来进行循环遍历，来进行渲染。里面需要两个div来进行布局，具体样式如上。
2023-09-27 09:04:45
663
原创 vue项目中使用el-Cascader级联选择器实现省市区三级联动
在项目中，有很多的地方都会使用三级联动来实现省市区的功能，那么如何在项目中使用el-cascader组件呢。通过组见的changge事件，来拿到每一个编码，这个操作是在子组件完成的。我在项目中这个组件是封装在Form表单里面，首先父组件去使用这个组件。在父组件中传递一个options来进行渲染数据，设置value为【】然后去调用接口中的数据，来渲染省市区。最后通过循环一次加入options中。然后再data里面去定义数据。
2023-08-30 21:50:48
724
1
原创 vue如何导出csv文件，后端返回的不是文件流该怎么导出
vue中导出文件，一般都是后端返回的一个文件流，或者是一个json文件，如果是一个csv文件呢，那该如何导出呢。其实每个文件的导出都是大同小异的，标注好类型就可以啦。
2023-08-03 20:57:58
392
原创 Vue+element-ui实现提交表单和csv文件
要使用element-ui实现上传文件的话，必定少不了el-upload这个组件库，那如何实现这个上传呢。首先我们需要再main.js去使用upload这个组件。然后再页面上使用这个组件。在请求接口中设置请求头。
2023-08-03 20:51:37
503
原创 [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
3027
1
原创 axios的二次封装-拦截器的使用
我们在项目中，避免不了要使用axios来进行对数据的请求，那如果每页都写一份axios请求，又会显得页面很乱不好维护，那么我们就应该对axios进行二次的封装。4.再api里创建一个文件夹例如index.js，在api文件夹内创建文件，代码如下。//利用axios的、对象的create方法，去创建一个实例。//失败回调 --终止promise链。1.首先我们在src创建一个api文件。2. 然后再终端安装以下两个插件。// 对axios的二次封装。
2023-07-26 22:18:30
98
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
918
原创 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
2944
原创 如何使用element-ui进行主题的切换呢
我们在使用element-ui框架的时，有很多时候主题的配色都是我们不喜欢的，那这个时候element-ui的组件库就帮助我们推出了一套主题定制，用来帮助我们切换主题，方法也很简单。这里我们需要注意sass-loader的安装，如果未安装的话，具体安装步骤请详见。/* 改变 icon 字体路径变量，必需 */首先在项目中src文件创建一个style文件。然后再main.js中引用即可。在项目中改变sass变量。/*改变主题色变量*/
2023-07-22 13:23:26
998
原创 mac生成ssh秘钥方法
注：生成公钥/私钥对。输入保存密钥的文件（/Users/yangfen/.ssh/id_rsa）注：这里是让你输入密码，可以随便填写密码，但是不要忘记，如果不想输入的话，直接摁两次回车即可。ls //查看所有文件。2.之后他会让你输入路径或密码之类：一直嗯回车。cat id_rsa.pub //查看密钥。“[email protected]"是你的邮箱名称。cd ~/.ssh //进入这个文件。最后复制到git中即可。
2023-07-19 22:47:30
2035
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人