chouge_*-优快云博客

原创 Vue2 穿梭框组件封装实战：功能增强与灵活扩展

本文介绍了基于Vue2和ElementUI封装的高定制化穿梭框组件。该组件在el-transfer基础上进行了功能增强，实现了左右面板数据解耦，支持文本搜索和自定义搜索条件组合，提供灵活的插槽扩展能力和丰富的交互功能。文章详细讲解了组件的实现过程，包括基础结构搭建、数据管理、属性配置、核心功能实现等关键点，并给出了使用指南和完整代码。该组件通过props配置、插槽机制和事件系统，可满足各种复杂业务场景的需求，显著提高开发效率。

2025-07-25 11:18:28 1395

原创 Vue 结合 Zabbix API 获取服务器 CPU、内存、GPU 等数据

本文介绍了如何使用Vue结合Zabbix API实现服务器监控功能。通过Zabbix提供的API接口，可以获取CPU、内存等服务器性能数据。具体实现流程包括：配置Zabbix API访问权限、Vue项目准备、获取认证Token、查询主机数据、获取监控项ID，最后通过history.get方法查询具体监控数据。文中还列举了常用监控项如CPU使用率、内存占用等，并提醒注意自定义监控项可能覆盖官方默认值的情况。

2025-07-16 16:36:15 1528 5

原创 VUE报错——[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not...

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

2025-07-02 15:53:36 448

原创 VUE报错——[Vue warn]: Property or method “toJSON“ is not defined on the instance but referenced during

[Vue warn]: Property or method "toJSON" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

2025-07-02 15:35:56 708 1

原创 adb报错：adb server version (19045) doesn‘t match this client (41)； killing... could not read ok from..

使用adb查看模拟器出现版本冲突报错，提示adb server version (19045) doesn't match this client (41); killing... could not read ok from ADB Server * failed to start daemon adb.exe: failed to check server version: cannot connect to daemon。解决方法很简单......

2025-07-02 15:25:47 394

原创 App项目预览调试的三种实用方案

摘要：本文介绍了移动端开发的三种主流调试方案：1）浏览器调试，适合初期验证布局和基础功能；2）模拟器调试（推荐MuMu或Android Studio），支持多机型测试；3）真机调试，提供最真实的测试环境。建议根据项目阶段灵活组合使用，开发初期侧重浏览器调试，功能开发期结合模拟器，发布前必须进行真机测试。特别提醒要注意API兼容性问题，避免仅依赖浏览器调试。三种方案各具优势，开发者应根据项目需求合理选择。（150字）

2025-07-01 18:32:28 1645

原创 uni-app和5+App打包发布详细流程

《HBuilder Android应用打包发布指南》详细介绍了从环境准备到发布上线的完整流程。重点包括：1.manifest.json文件的正确配置方法；2.Android签名证书的类型选择与生成步骤，强调自有证书的重要性；3.云端打包的具体操作流程及注意事项；4.常见问题解决方案。指南强调证书妥善管理、测试验证和安全合规等关键原则，为开发者提供一站式打包发布解决方案，助力应用顺利上线。

2025-06-25 11:12:53 1169

原创 vue项目如何快速转换为移动端App？

摘要：本文介绍了将Vue2 web项目快速转换为移动端App的解决方案——使用DCloud的5+App技术。该方法无需修改源码，只需将打包后的dist内容复制到5+App项目中，发布后即可生成安装包。优点包括安装包小、支持低端设备、转换效率高；缺点是无法调试、性能不如uni-app、可能存在适配问题。适用于只需简单转换的项目，若需大幅修改建议改用uni-app开发。整体方案操作简便，适合Web快速转App的需求场景。

2025-06-24 18:31:56 1060