- 博客(26)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uniapp微信小程序全局实现发送给朋友、分享到朋友圈功能（不需要每个页面都配置）
使用uniapp开发小程序的过程中需要实现： 点击右上角，展开，发送给朋友、分享到朋友圈功能。
2024-03-07 18:11:19
3487
原创 微信小程序引入echarts折线图在ios真机上无法上下滑动的问题
在canvas上的canvas-id属性上设置 disableTouch: true。如果还不生效，就把代码中的touchMove事件去掉。2.修改遮罩层和canvas的z-index层级，无效。1.增加遮罩层，覆盖在图的上方，真机调试无效。
2024-03-04 17:28:32
646
原创 uniapp微信小程序左上角显示房子，不显示箭头，无法跳转其它页面的问题
当小程序左上角显示的是小房子时，使用uni.navigateTo/uni.navigateBack...无法跳转到小程序其它页面时，是因为 我们在进入当前页面时使用了。我们可以看到，同一个路径，使用不同的跳转方法呈现出来的效果是不一样的，在页面跳转时我们要注意到这些细节部分。，关闭了其它页面，所以无法跳转，我们只需将该方法改成其他的就好（注意：使用。
2023-11-30 09:25:52
748
1
原创 uniapp微信小程序中跳转页面的方法
在 UniApp 中，有多种方法可以实现页面跳转，以下是其中几种常用的方法及其区别：uni.navigateTo：使用该方法进行页面跳转时，会关闭当前页面，跳转到指定的页面。可以在目标页面中获取传递的数据，通过 data-url 或 data-object 传递。通常用于跳转到新页面并关闭当前页面。uni.navigateToMiniProgram：该方法用于跳转至微信小程序，并关闭当前 H5 页面。可以设置目标小程序的信息以及要打开的页面路径。通常用于跳转至其他微信小程序。
2023-11-21 10:07:35
2183
原创 uniapp微信小程序实现调用摄像头扫一扫的功能
在小程序项目中，经常会用到扫码的功能，比如收集表单信息、或者内部自定义的二维码等。下面为大家介绍使用uniapp开发微信小程序时如何调用摄像头（注意：调用摄像头功能在微信开发者工具的模拟器中无法调用，需要真机模拟）在需要扫码的地方调用该方法即可，比如按钮的点击事件上直接写 @click="QR" ，扫码完成后的内容需要你根据不同的业务来处理。
2023-11-21 10:00:11
2532
原创 Vue大屏可视化项目自适应
可视化大屏的需求越来越广泛，几乎所有的项目都要求自适应屏幕，传统的rem，vw、vh适配太繁琐且后期新增适配的话很麻烦。3.在mounted生命周期中配置自适应代码。2.在App.vue文件中引入（全局使用）4.重启项目即实现大屏项目自动适配了。1.npm引入autofit.js。
2023-10-16 10:20:35
1259
原创 解决el-table数据发生了变化，但是页面显示的数据不更新问题
解决el-table数据发生了变化，但是页面显示的数据不更新问题。通过修改绑定在 table 上面的 key 值，可以触发 el-table 的重新渲染，首先给表格绑定一个key：在数据发生变化后更新key的值：
2023-06-06 09:47:44
3614
原创 vue项目中当组件绑定v-if或者:visible.sync时，获取不到this.$refs(打印为空）
vue项目中当组件绑定v-if或者:visible.sync时，获取不到this.$refs(打印为空）当想要操作该DOM时，在methods中使用this.$refs.map，控制台报错。此时就可以访问this.$refs中的元素了（this.$refs.map）
2023-06-05 17:16:36
1464
原创 js中forEach和map的区别
然后，我们使用forEach方法遍历数组中的每个元素，并对每个元素执行一个回调函数，这个回调函数将每个元素乘以2并将结果打印到控制台上。接下来，我们使用map方法遍历数组中的每个元素，并对每个元素执行一个回调函数，这个回调函数将每个元素乘以2并将结果返回。forEach方法用于遍历数组中的每个元素，并对每个元素执行一个回调函数。map方法也用于遍历数组中的每个元素，但它会返回一个新的数组，这个数组包含了对原数组中每个元素执行回调函数后的返回值。forEach不返回任何值，而map返回一个新的数组。
2023-05-16 09:33:34
334
原创 vue项目前端做分页（后端一次性返回所有数据，前端自己分页）
vue项目前端做分页（后端一次性返回所有数据，前端自己分页）在项目中有些场景会让前端自己来处理分页，实现的方法也很简单，我们只需要用到一个slice方法就可以了。下面是具体的实现步骤：首先是实现一个分页组件，在这里就不具体讲述了，需要知道怎么实现分页组件的小伙伴先阅读下面这个教程前端基于elementui封装分页组件那根据上面的教程在相应的页面引入分页组件后，我们开始对请求回来的数据进行拆分分页
2023-04-26 18:16:04
2162
2
原创 vue前端项目基于element-UI封装分页组件，在所有页面调用
在这个示例中，我们使用了ElementUI的Pagination组件，并将其绑定到了一些数据上。你可以根据你的需求自定义这些数据，例如从API获取总页数和当前页码，或者将每页显示的数量作为一个可配置的属性。在handleCurrentChange方法中，你可以根据新的页码更新数据。在使用这个组件的地方，导入这个组件并将其作为一个标签使用，例如。新建一个MyPagination.vue文件。
2023-04-23 16:26:58
615
1
原创 vue实现读取TXT文件内容并解析
要在Vue应用程序中实现此功能，可以在模板中创建一个文件输入元素，并为其添加一个change事件侦听器，该侦听器调用一个方法来处理文件选择。文件读取完成后，将调用onload函数，该函数将文件内容作为字符串检索，并计算文件中的行数。然后，它初始化一个名为dataArr的空数组，并循环遍历文件的每一行（从第二行开始），以提取第一个逗号分隔值并将其转换为数字。然后创建一个新的FileReader对象，并使用它将列表中的第一个文件的内容作为UTF-8编码的文本文件读取。
2023-04-12 13:45:00
6212
原创 Vue+elementUI中的el-upload实现上传文件给后端，限制上传文件的格式、文件的大小、文件的数量，将表单和Excel文件一起提交给后端
Vue+elementUI中的el-upload实现上传文件给后端需求：1.表单输入信息 2.上传Excel附件 3.下载附件模板 4.将表单和Excel文件一起提交给后端限制上传文件的格式、文件的大小、文件的数量
2023-03-14 14:54:17
7242
6
原创 Vue项目中实现消息提示/报警/未读消息（铃铛加小圆点闪烁效果）
在项目开发过程中，可能需要实现以下场景：未读消息提示、报警信息、消息通知等，这些功能往往是在页面的右上角设置一个铃铛，在铃铛或者图标的右上角显示消息数并做呼吸灯效果显示。首先实现静态部分，需要一个容器，里面包含铃铛图标和显示消息数的文字标签。接下来实现呼吸灯效果，让显示消息数的标签闪烁跳动起来。在data中定义 opacity: 1,在methods中定义事件，实现呼吸灯效果。调整一下样式后就达到了静态的效果。这样就实现了一个简单的呼吸灯效果。在mounted中调用该方法。
2023-02-13 17:24:31
8147
9
原创 el-table表格合并单元格实现步骤
在需要合并单元格的el-table表格上绑定 :span-method="arraySpanMethod"在method中添加方法arraySpanMethod。el-table表格合并单元格
2023-02-08 14:26:24
559
原创 Vue项目封装div拖动组件，实现div拖拽
场景：在pc端项目中会碰到弹框后多个页面重叠的场景，类似于电脑打开多个文件夹，这时想要同时完整的展示两个页面的内容，就可以拖动页面，改变位置。很多教程都是使用自定义方法在单个组件中使用，本文带大家在Vue项目中封装一个拖拽div的方法，注册全局使用。使用，在需要实现拖拽的div标签上直接加上 v-drag 即可，无需再单独引入。在src下的util文件夹下创建 drag.js文件，存放实现拖拽效果的代码。到此在Vue中实现div拖拽的步骤就结束了，需要的小伙伴快去试试吧！在main.js中注册方法。
2023-02-06 15:30:51
2148
4
原创 elementui使用:render-header=“renderHeader“方法在el-table表头中的单元格添加按钮时报错（Support for the experimental synt）
Support for the experimental syntelementui使用:render-header="renderHeader"方法在el-table表头中的单元格添加按钮时报错.babelrcjsx
2022-11-22 14:50:34
1528
原创 elementUI的DateTimePicker 日期时间选择器设置的时间区间由GMT（中国标准时间）转换成数字格式：0000-00-00-00:00:00（年月日时分秒格式）
在使用elementUI的DateTimePicker 日期时间选择器获取时间很方便，但是在将获取到的时间传给后端时，格式根本无法使用。这时就需要我们手动的转换时间的格式。2.调用时间处理函数。
2022-11-11 18:06:47
2438
2
原创 前端实现导入Excel文件，并读取文件内容渲染到页面（表格）
业务场景：在前端项目中，尤其是管理系统会经常遇到导入Excel文件的操作，有些场景要求导入Excel文件后读取文件内容并且渲染到前端页面上。
2022-10-26 16:54:22
3535
4
原创 Vue项目：在项目某个文件中获取目标代理服务器地址
前端在实现点击按钮下载的需求时，无论是采用a标签还是window.open方法，都需要写上完整的文件下载路径（如：192.168.1.1:8000/files/down_excle）,但是当我们后端更换网络或者项目上传云端后，这里的IP地址一定会发生变化，如果将地址写死，下载功能则会失败。最后进行路径拼接即可。...
2022-08-16 16:50:25
2938
5
原创 无法加载文件 C:\Users\asus\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。在VScode点击终端运行typescript时报错
报错内容：无法加载文件 C:\Users\asus\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有 关详细信息，请参阅 https:/go.microsoft.com/截图：解决方法：2.在命令框中输入：set-ExecutionPolicy RemoteSigned，回车3.弹出上图信息后输入A，回车结束4.再次回到VSCode重新运行即可...
2022-06-10 20:15:34
501
原创 更新gitee仓库
1.git pull origin master2. git add .3.git commit -am "备注"4.git push origin master ：提交代码，更新远程仓库
2022-04-12 20:04:55
234
原创 git上传本地项目到gitee远程仓库
1.进入项目文件夹根目录2.shift+鼠标右键打开powershell3.如果项目根目录没有.git文件夹，先用“ git init ” 初始化（如果有，则忽略这一步）4.输入命令“ git status ”,按回车键查看文件状态上图中红色的表示需要被提交一下5.使用命令“ git add . ”，将全部文件夹都添加到暂存区6.使用命令“ git commit -m "引号为提交日志" ”，在本地提交一次7.再次查看项目状态“ git sta...
2022-04-12 17:35:00
247
空空如也
题目：计算机辅助教学（CAI）软件开发：教小学生学算术。
2021-06-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人