- 博客(44)
- 收藏
- 关注
RSS订阅
原创 vue组件的基础功能使用
首先的是分页组件写好之后使用 :data进行数据绑定，mydata是请求过来的数据源，之后如果需要搜索什么的过滤可以替换，后面的内容currentpage4是页数,pagesize是每页多少条数据可以使用computed属性点击重置，清空输入框的值，然后把总数居赋值。
2024-11-20 08:13:37
157
原创 vue-next-admin修改配置指南
先使用上面的ico转换工具把图片转换为ico，然后去public文件夹把下面的ico文件删除（复制下名字），然后把自己的ico图片粘贴上去，修改为老图片的名字即可。然后把后面的几个文件拉到项目文件夹里面,例如我在这在assets文件夹下建了一个icon文件夹用于存放，然后在min.js引用，最后直接使用。在scr-layout-logo-index.vue文件路径修改，导入自己的图片修改路径和文字即可。先把想要的图标存到我的项目然后下载。2.修改侧边栏的图片与文字。3.修改侧边栏路由logo。
2025-03-12 17:09:31
469
原创 vue中Pinia（菠萝）的使用教程
/ 获取store中的msg。// 引入store。// useStore 可以是 useUser、useCart 之类的任何东西。// 获取store。// 第一个参数是应用程序中 store 的唯一 id。getters: {},//定义计算属性。actions: {},//定义一个方法。//调用$reset重置state。取值改值，所以不要使用箭头函数。//修改单个值可直接使用。
2025-02-18 08:48:27
324
原创 git创建分支，推送分支，合并分支，回退
1.可视化操作初始化仓库，设置远程连接，抓取远程仓库的分支内容,然后在版本管理的原创下面的主支。2.创建并切换到新分支：gitcheckout-blzh(如果是切换不创建去掉-b)3.添加所有更改到暂存区：gitadd.(记得修改完毕之后保持在暂缓)gitpushoriginmaster--force推送回退后的版本到远程。4.提交更改：gitcommit-m"刘志辉的第一次修改"5.推送新分支到远程仓库：gitpushoriginlzh。
2025-01-17 20:26:05
340
原创 在 Vue 3 中获取图片元素的宽高：原始尺寸与缩放后尺寸的处理方法
方法，该方法返回元素的大小及其相对于视口的位置，包括应用的 CSS 变换。属性仍然返回未缩放前的尺寸。为了获取缩放后的实际显示尺寸，可以使用。// 获取初始显示尺寸。
2024-12-09 19:05:28
696
原创 vue拖拽图片
因此，你可以将图片放入 public 文件夹，然后使用 /img/tibet-1.jpg 路径来加载。如果使用的是 Vue CLI 或 Vite 来构建项目，../img/tibet-1.jpg 的相对路径可能会导致加载问题，特别是如果文件放在了 public 目录外。-- 设置图片路径 -->-- 监听拖拽开始位置事件 -->-- 监听拖拽结束位置事件 -->这是我封装的组件大家直接用就好。//使用页面参考文档。
2024-12-05 17:47:50
384
原创 Vue 鼠标滚轮缩放图片的实现
event.deltaY < 0 代表向上滚动。event.deltaY > 0 代表向下滚动。@wheel="handleZoom" 监听鼠标滚轮事件。使用computed处理scale比例的变化。
2024-12-05 17:02:14
619
原创 vue实现懒加载
定义一个假数据: const data = Array.from({ length: 100 }, (_, i) => i + 1);开始显示10条：const mydata = ref(data.slice(0, 10));引用 DOM 元素：const container = box.value;滚动事件:@scroll="scroll"，就意味着滚动条已经接近或到达容器的底部。
2024-12-02 13:26:57
249
原创 原生js上传图片
无样式上传图片创建一个 FormData 对象：这个对象可以用于存储数据。将文件添加到 FormData 对象：通过 append() 方法，将用户选择的文件添加到 formData 对象中。使用 fetch 发送请求：使用 fetch API 或者其他方法将 FormData 对象发送到服务器。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" />
2024-11-29 17:33:48
555
原创 vue使用百度富文本编辑器
npm add vue-ueditor-wrap 或者 pnpm add vue-ueditor-wrap 进行安装。3、把下载好的包放在项目目录下 /public下。因为官方的我没用来，所以我自己找的另外的包。5、v-model 数据绑定。6、上传图片报错，说什么未配置。4、main.js配置。2、下载UEditor。修改为自己的接口即可使用。
2024-11-26 09:26:20
521
原创 vue-next-admin框架配置（vue）
2.把他的逻辑和自己的登录判断逻辑结合(我的放下面，可以参考哦，可以直接使用，到时候修改登录逻辑就好)，别忘了引入ajxio哦。
2024-11-20 20:52:21
1169
原创 Pure Adminrelease（水滴框架配置）
修改登录验证规则(只留了为空提示，我是把这文件再login的引入和这个文件夹删了，添加自己的规则)，请执行下面命令进行安装 npm install -g pnpm。如果删除他的规则之后别忘了删除下面的判断。2.安装依赖 pnpm install。3.启动 pnpm dev。
2024-11-12 08:03:22
572
原创 react的创建与书写
删除例如App.css、App.test.js、index.css、logo.svg、reportWebvitals.js、setupTests.js等文件，1.创建一个文件夹，shift+鼠标右键选择在此处打开powershell。2.为了加速npm下载速度，先把npm设置为淘宝镜像地址。3.执行下面的npm安装react，那么基础的项目就搭建好了。保留核心index.js、App.js；4.使用下列npm运行项目。index.html替换为。app.js内容替换为。index.js替换为。
2024-11-09 18:32:26
722
原创 vue之vant上传图片
2.再回调函数创建formData对象,然后构建用于文件上传的表单数据,使用append指定上传数据，最后请求接口上传。1.引入组件之后，使用:after-read="afterRead"事件（文件读取前的回调函数）
2024-11-09 15:52:14
791
原创 vue反向代理配置及宝塔配置
上面这个链接供大家参考，我这里面提取vue配置反向代理格式。在vite.config.js页面写入。然后按照以下格式即可。
2024-11-08 13:40:38
844
原创 vue封装接口
过滤器 request.js（在utils文件夹内）与api文件夹（里面写index.js或其他.js）npm install axios 与 npm install axios。如果要传参则在data后面写入data，另一个页面的login里面写入数据,注意导入命名。2.request内配置以下模板（拦截器）4.api文件夹配置。
2024-11-08 11:33:07
488
原创 uni-app组件使用（uv-ui）
我的资料管理-uv-ui 是全面兼容vue3+2、nvue、app、h5、小程序等多端的uni-app生态框架 (uvui.cn)下面这个是uv-ui官网，大家可以参考使用。进去之后点击右侧安装即可使用。点击安装，右侧有插件市场。
2024-10-22 17:30:00
1074
原创 微信小程序上传图片
将临时文件保存到本地持久存储位置。，你可以在此处继续其他操作，比如保存文件或者展示文件等。这个 API 可以将网络资源下载到本地临时。在成功回调中，你会得到一个临时文件路径。在微信小程序中，下载文件通常涉及使用。
2024-10-17 11:45:00
667
原创 vue导出
例如column里面的数据以及newarray的数据大家要注意修改为对应自己的数据。今天给大家讲一下vue导出,下面我会直接放代码,里面的数据要自己进行匹配修改哦。
2024-10-16 14:45:00
333
1
原创 微信小程序引入组件教程
关于修改 project.config.json 的详细内容，可见官方文档的快速上手中的步骤三。将 app.json 中的 “style”: “v2” 去除。介绍 - Vant Weapp (vant-ui.github.io)
2024-10-15 11:45:00
623
原创 vue从0开始的项目搭建(含环境配置)
1.在电脑上新建一个文件夹作为vue项目的文件夹， 在此文件夹中空白处按shift键同时点击鼠标右键，选择在此处打开Powershell窗口。下载node.js + 检查node.js版本 + 替换npm下载源。下次给大家讲解进去之后的基础配置与作用,我是小辉,请多多关照!2.查看版本: windows+r输入cmd进入输入。命令查看版本号是否出现确认是否安装。回车,出现下图这种一直回车。一直回车到新的需要输入为止,如下图。5.下图网址即是进入项目链接。3.查看是否安装成功。
2024-10-12 14:25:28
938
原创 小程序之获取用户头像与昵称
这个是通过一个点击事件进行显示的,下面是效果图,获取头像最关键的是 open-type="chooseAvatar" ,获取昵称最关键的是 type="nickname" ,大家多加注意i哦。
2024-10-11 19:15:01
545
原创 vue配置代理
rewrite: path => path.replace(/^\/api/, '')// 重写路径。target: 'http://域名/api',添加以下内容实现重写路径。
2024-10-11 17:25:27
248
原创 vue请求接口
post：使用data传参，需要使用qs进行参数转换，qs的安装： npm i qs ,在需要的页面引入 import qs from 'qs。get：使用params传参。
2024-10-10 21:31:44
528
原创 微信小程序规划路线
虽然map组件使我们可以很方便的使用地图，但是map组件只提供了最基本的地图显示功能，同时，微信小程序提供的关于地图的API也只是提供了一些简单的功能，在实际中无法满足我们的各种需求，如果需要使用到路线规划，距离计算等功能，我们可以在微信小程序中接入腾讯地图，高德地图，百度地图等服务，再结合map组件，去实现我们需要的功能。String，路线规划选择，可选值：'driving'（驾车）、'walking'（步行）、'bicycling'（骑行）、'transit'（公交），默认：'driving'
2024-10-10 21:25:44
1145
原创 从扁平数据到树形数据：JavaScript 函数实现与解析
我今天遇到扁平数据处理，但是有的数据在父级前面所以无法渲染进去，于是完善了一下转树形数据，大家一起看看吧。
2024-09-03 14:59:49
271
原创 Vue 高德地图开发指南
通过以上步骤，你可以在Vue项目中轻松集成和使用高德地图。结合Vue的响应式特性和组件化思想，你可以创建出功能丰富、交互性强的地图应用。在实际开发中，还可以根据需求进一步探索高德地图的高级功能和API，以满足各种复杂的地图应用场景。
2024-09-01 19:16:50
909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人