- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue中实现瀑布流布局（masonry-layout ）
在需要使用的组件中引入，下面是一个完整的实例；按照上面的实例配置，即可实现一个简单的瀑布流布局。
2025-03-11 09:46:59
369
原创 vue中使用monaco-editor实现代码编辑器
这样就可以实现一个简单的代码编辑器功能了，有问题可以随时私信！下面是我封装的完整代码，是结合el-dialog组件来实现的。我这里是将其封装成了一个组件来使用的，代码如下。
2024-08-26 13:36:00
736
1
原创 vue使用logicflow实现流程图
LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批流配置、机器人逻辑编排、无代码平台流程配置都有较好的应ten。
2024-08-26 11:18:49
2085
原创 高德地图 地址解码(geocoder.getAddress) INVALID_USER_SCODE
官网上是这样说的，需要搭配安全密钥一块使用，注意，要在key值之前引用安全密钥，不然会导致key失效。正常情况下，这里的result中就包含的有地理位置信息，但是我在打印 result时，显示的是。在使用高德地图时，对经纬度进行地址位置信息解码，按照官网上的写法，然后出现了一个错误信息。这样就可以获取到result中的详细地址信息了。我是在vue中使用的，具体写法如下。在index.html文件中引入。在使用高德地图的文件中。
2024-06-12 13:50:24
1986
原创 vue3中如何使用swiper
在组件中引入 animate.min.js 与 animate.min.css。下载 animate.min.css animate.min.js。到这一步swiper轮播图就已经可以正常使用了。这样就引入完毕了，按照官网中用法（
2024-05-21 09:48:42
4781
原创 实现在a页面中，不打开b页面，打印b页面中的内容。
解决思路：在a页面中创建一个 ifame 标签，连接到 b 页面中。注意如果出现这个报错，说明 a b 页面不同源，需要换一种解决方法。解决办法：使用 ifame 来实现。前提是要保证两个页面是同源的。下面是完整的实现代码。
2024-02-02 11:20:04
369
1
原创 el-checked value值发生了改变，选中状态未改变
使用的时候，直接在方法中调用这个 this.$forceUpdate() 即可。解决方法：使用 this.$forceUpdate() 强制该组件重新渲染。
2023-11-16 13:30:08
925
1
原创 el-form 自定义校验规则
template><el-form-item label="地址" prop="side" :class="{'input-focused': focusMark === 'side','input-has-value': side}" class="input-container">
2023-10-17 16:06:24
799
原创 jquery-i18n实现国际化（翻译）功能
前段时间，在公司做了一个jquery项目，里面有一个中英文切换功能，以往都是在vue中做的，也是第一次在jquery中做，这里使用的是 jquery-i18n这个插件来做的。
2023-09-14 16:46:58
1176
5
原创 vue中如何将页面打包为二维码，扫描时可以显示页面内容
这样一个简单的将页面内容转化为二维码的功能就可以实现了。插件，实现起来也很简单，下面是实现步骤。安装 qrcodejs2插件。
2023-07-31 13:19:44
559
1
原创 解决在echarts中的tooltip提示框在vue3中不显示的问题
在vue3中不能将echarts实例赋值给响应式数据，用普通变量去接收echarts实例即可，按理说应该是会显示提示框的，但现在的效果是这样的，没有提示框。问题：在setOption中配置了显示提示框，此时已经可以正常显示。这是我在代码中的配置。将代码修改为如下结构。
2023-07-26 14:26:58
703
1
原创 react-router-dom v6版本的详细配置与使用
react-router-dom更新到v6也有一段时间了，今天抽时间学习了一下，下面是我的一些总结，
2023-07-20 20:52:35
1990
1
原创 在vue项目中将数据导出为pdf
el-button @click="exportDataToPDF">导出</el-button>// 获取要导出为PDF的元素（此处假设我们要导出整个页面）// 使用html2canvas将元素转换为canvas对象// 创建PDF实例// 将canvas画布作为图像添加到PDF// 导出PDF文件});这是完整代码<template><el-button @click="exportDataToPDF">导出</el-button>
2023-07-11 16:13:56
1082
原创 vue中将table导出为excel文件
目前实行这个功能的方案有很多，我这里使用的是 xlsx 插件在需要使用的地方引入注意这里可能会遇到一个坑，如何引入完 XLSX运行项目是报这个错误。
2023-07-11 15:26:13
845
原创 css 实现按对角斜线 评分一个div
具体代码如下，唯一需要走注意的就是，不要给盒子设置宽高，宽高通过border来设置。利用border属性来是实现。
2023-07-10 13:14:46
564
1
原创 vue+vue-i18n来实现国际化功能（语言切换）
在sr此文件下创建一个languages文件，对语言进行配置，这里创建了两个文件分别为 zh.json和en.json文件，分别配置中文和英文 (注意要一一对应)这里有一个坑（我使用的时vue2，不限制vue-i18n的版本时，会默认安装最新版本，最新版本适配的vue3,所以这里使用的5.2.2版本）在src目录下，创建一个i18n文件，创建一个index.js文件，对i18n进行配置。在需要使用的地方，这里$t是i18n自带的方法，必须用这种写法。以上就是一个简单的国际化功能，有任何问题，随时私聊。
2023-05-22 17:34:18
325
1
原创 vue中使用百度地图api
首先要在打开百度地图API官网： 打开控制台，应用管理->我的应用。复制一个ak，注意pc应用，要选择浏览器端.以上就是一些简单的配置，还在更新中，有问题随时私信即可，还在持续更新中（准备加上搜索功能）最近研究了一下地图，这是是以百度地图为例（其他地图）用法一样，这里一步步来讲解。在官网中，使用的都是new BMap 在项目中使用时会报错 BMap未定义，打开vue项目在index.html中引入 密钥就是我的应用中的ak。创建一个map.vue文件，来一步一步配置。这里有一些容易踩坑的地方。
2023-05-19 17:10:37
605
1
原创 给el-table-column添加指定列的点击事件
要在tempmate中写上 {{booktitle}} 就是 el-table-column中的prop属性。这样单元格中才会显示内容，否则内容为空，绑定的方法中一定要传参数（scope.row）首先是要区分是vue2还是vue3，vue2和vue3中的用法是不一样的。这里是要插槽来实现的使用solt-scope 配合template来使用。只需要将 solt-scope换成 #default即可，其他用法一致。然后是vue3中的写法，vue3中的写法基本和vue2一致。首先是vue2中的写法。
2023-04-14 11:16:00
5083
1
原创 在vue项目中时使用echarts图标，实现图标尺寸自适应
给window添加事件，来监听尺寸变化，来调用echarts中resize()方法来实现尺寸自适应。首选顶一个容器来承载echarts图标，这里使用的%单位，为了接下来实现图标尺寸自适应。首先在项目中安装 echarts，可以在page.json文件中查看是否安装成功。在mounted生命周期中进行配置，注意必须要在mounted周期中进行配置。在需要使用的组件中引入echarts。完整代码如下，可直接复制。有任何问题，请私信！
2023-04-06 10:11:59
1032
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人