- 博客(138)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue3 + ant 实现 tree默认展开，筛选对应数据打开，简单~直接cv
摘要：该代码展示了一个基于Vue.js的地区树形选择组件实现。主要功能包括：1) 使用<script setup>语法编写包含地区数据的树形组件；2) 实现搜索功能，通过TreeQuery组件匹配地区名称并高亮显示；3) 支持节点展开/折叠、拖拽等交互操作。关键点在于通过递归函数搜索匹配的地区节点，并自动展开相关父节点。组件采用全局封装方式，可在main.js中配置后在整个项目中使用。该实现适用于需要地区选择功能的场景，如地址选择、区域筛选等。
2025-06-11 17:38:02
278
原创 vue 打包报错 Cannot find module ‘@vue/cli-plugin-babel/preset‘ - thread-loader
vue package.json 删除下面这个配置。vue 报错 thread-loader。
2025-06-04 10:06:34
198
原创 Studio-HarmonyOS 系统安装流程（鸿蒙研发软件安装流程）
如上图所示，点击下载链接，弹窗中勾选"我已经阅读并同意HUAWEI DevEco Studio Beta试用协议"，点击“同意”按钮，即可开始下载。请耐心等待下载完毕。点击"Install"，等待安装完成。如果有一些图片不一样也没关系，版本不同有一些页面会不太一样一直下一步安装即可。右边点这个地方 就可以看到当前系统。这里是起始文件点到这个页面之后。安装的过程就一直next即可。这个安装地址可以改到其他地址。安装好之后打开选择一个模版。点击next就可以成功了。可以选择要适配什么系统。
2024-12-27 11:11:46
643
原创 vue 页面导出gif图片 img 导出gif 超简单~ 可修改播放速度
两者方法唯一的区别就是 div需要变成base64 在赋值给img才能导出。第二种情况 页面是div标签，需要导出div里面的图片作为gif。gif.worker 看到绿绿的代码， 就是这样的。第一种情况 页面是img标签，直接导出图片作为gif。这两个文件在文章最后面需要可自提。安装一个画布插件 html2canvas。这是setup的写法。
2024-10-18 16:11:57
655
1
原创 Highcharts 图表点击出一个弹窗
原始数据[event.chartX] 原始数据[event.chartY] 可以获取到点击的数据。拿到x轴或者y轴的原始数据 我页面上是筛选了只展示了一部分。1.背景图是后台接口返回的 就是一个图片，折线是自己加上去的。单击页点击 定义一个字段 tooltipDiv。2.怎么能获取到点击当前的轴数据呢？
2024-08-15 15:42:22
404
1
原创 nvm控制node修改版本 - 详细版
随着前端项目的越来越多，不同项目使用的nodejs版本可能不一样，导致在切换不同项目时需要更换不同的nodejs版本，非常麻烦。本次推荐使用nvm进行多个nodejs版本的统一管理。
2024-04-02 15:01:54
1826
原创 微信小程序 获取openId - 成功获取
2-基础信息配置结束之后 - 新建一个云函数 - 名字自定义但是要记住，这里定义为login。name:'login', 这里需要修改成对应的 是刚才上面定义的云函数名称。3.保存成功之后出现这个 代表成功 - 这个弹窗可以关闭了。调用这个方法就可以看到openid了。1.点击云开发配置里面的信息。
2024-02-27 09:13:59
1592
原创 vue项目嵌套安卓壳子打包apk
我们取消掉ios选项 这里不是说不能选择ios 是因为没有配置ios的秘钥，如果你需要打包ios 需要点击ios设置配置个秘钥。如果你是首次登录或者是之前注册的账号，会让你绑定或者激活邮箱，就按照提示做完之后即可登录成功。再次点击打包 看到这个页面和其他的不太一样是因为升级了软件版本。点击修改配置 会打开下面的页面 点击重新获取即可。登录进去写一下信息我已经写过就不演示了 之后。点击打包发现还是没反应 是因为这里还在报错。之后再点击打包流程 就会出现以下页面。包名后缀改成 app.apk。
2023-09-21 10:32:14
1696
1
原创 align-content 和 align-items 区别是什么 使用场景
是因为align-content: 属性是基于多行去做的 flex-wrap: wrap 是变成多行的重要前提。4. align-content: space-around ----- 在这个时候我们去修改 发现并没有效果。6. 我们继续修改 align-content: space-between 发现 靠近顶部和底部分布对齐了。2：不点：align-content 应用于为 多行 而 align-items:应用于同单行。- ----- 发现居中对齐了。----- 可以看到 尾部对齐了。
2023-07-04 10:10:53
832
原创 el-date-picker 前者选择日期 后者禁用 （包括时分)
【代码】el-date-picker 前者选择日期 后者禁用 （包括时分)
2023-06-20 15:33:28
368
2
原创 高德地图点击位置显示详情
2.data中定义 infoWindow 字段。3.在initMap 插入此代码。1.首先你高德已经引入一切都准备完善了。5.在方法中加入一个方法。4.在你事件最后加入。
2023-05-27 18:29:40
586
原创 [antdesign] a-table 使用之后 ResizeObserver loop limit exceeded
因为 :scroll="{ x: '30%' | true }" 删除之后就ok了。我是使用 a-table 出错的 一层一层注释之后发现是因为。这个错和本质关系不是很大，循环限制 大概是因为长度不确定。代表超出了ResizeObserver循环限制。
2023-04-26 09:58:04
817
原创 vue策略模式简单例子
当一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。在策略模式中,我们创建表示各种策略的对象和一个行为随着策略对象改变而改变。避免了多级嵌套,内容也可以随之修改，根据需求变换成不同的内容。如果我们需要很多if else的时候 代码就会很冗余。为此就出现了一种设计模式 —— 策略模式。
2023-04-04 17:40:39
300
转载 vue 使用Ts 报错 Module parse failed: Unexpected token (8:27)File was processed with these loaders
2.Vue 3“Manually select features”进行手动创建项目的。可能是你的项目就是js项目需要添加 TypeScript。vue add typescript 终端输入。之后 npm run serve 即可。就重新创建一个携带 ts的项目。1.在已有项目中添加ts。
2023-03-15 15:40:57
958
原创 创建新项目时候一直卡在 idealTree:moni: sill idealTree buildDeps
默认地址（https://registry.npmjs.org/）在国外，所以安装缓慢或卡顿。npm config get registry 查看是否切换成功。npm config get registry，查看当前镜像地址。切换成功之后，重新新建即可。
2023-01-23 16:49:08
956
原创 vue3 Ant Design Vue按需引入全局 $Message解决
如果组件多的话可以新建 antd.js 文件, 仅用于引入必须的组件,在main.js文件引入遍历use。问题来了 我如果想按需引入Message 这种应该怎么弄呢？安装/配置babel-plugin-import插件。安装/配置less+less-loader插件。1.Ant Design Vue按需引入。1.Ant Design Vue按需引入。此文章起源是按需引入之后发生的问题。2.全局$Message 设置。2.全局$Message 设置。vue.config.js文件。配置需要按需引入的组件。
2023-01-06 14:11:08
3771
3
原创 vue-calendar-component日历组件 ，配置齐全
vue-calendar-component日历组件 ，配置齐全vue-calendar-component日历组件 ，配置齐全vue-calendar-component日历组件 ，配置齐全vue-calendar-component日历组件 ，配置齐全vue-calendar-component日历组件 ，配置齐全
2023-01-05 16:23:05
1680
原创 react生命周期（类组件/函数组件）
useEffect(()=>{},[]) 是他的格式 ，第二个参数是需要监听谁的变化就写谁，也可以不写。//useEffect是react给我们的Hooks 我们可以使用它来模拟正常的生命周期流程。A.类组件生命周期（三个阶段：挂载阶段，更新阶段，卸载阶段）类组件当中的生命周期（也是三个阶段）1.react代码模式分为两种。B.函数组件生命周期，函数组件。2.类组件（写法如下）
2023-01-04 16:15:52
1787
2
原创 “xxx”在函数“xxxx”中被调用，该函数既不是React函数组件，也不是自定义的React Hook函数。
“xxx”在函数“xxxx”中被调用，该函数既不是React函数组件，也不是自定义的React Hook函数。
2023-01-03 16:21:24
229
原创 vue 单页面 baseAxios.interceptors 怎么修改 vuex 的数据
vue 单页面 baseAxios.interceptors 怎么修改 vuex 的数据
2022-12-08 15:52:59
319
原创 Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 16.x
报错原因 是 node版本与node-sass版本不匹配导致以下代码都执行一次 然后重启就ok了
2022-06-13 10:55:55
297
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人