- 博客(79)
- 收藏
- 关注
RSS订阅原创 vue3 setup 语法糖
是一种编译时语法糖，用于简化组合式 API 的写法。它通过更简洁的语法实现组件逻辑的编写，同时保持类型推断和更好的 IDE 支持。是 Vue 3 开发的首选方式，尤其适合组合式 API 和 TypeScript 项目。中声明的变量、函数和导入内容会自动暴露给模板，无需手动返回。导入的组件可以直接在模板中使用，无需通过。
2025-09-22 10:06:07
204
原创 vue3 中实现 Element Plus 表格合并
该方法可以自定义合并行或列的规则，通过返回一个包含行合并数和列合并数的数组来控制单元格的合并方式。通过以上方法可以实现 Element Plus 表格的各种合并需求，从简单的固定合并到复杂的动态内容合并。在 Vue3 和 Element Plus 中实现表格合并需要使用。属性绑定一个方法，该方法接收一个对象参数，包含当前行。在 Element Plus 表格组件中，通过。当需要同时合并多列时，可以在。表示合并的行数和列数。
2025-09-22 09:52:11
286
原创 vue3父子路由之间传输数据
简单数据传递（如ID）: 优先使用路由参数和Props，代码简洁。非URL数据或敏感信息: 使用，避免URL暴露。全局状态或复杂应用: 使用Pinia，易于维护。避免使用事件总线（$emit$on），因为它在路由切换时可能失效。根据你的具体需求选择方法。如果数据需要持久化（如页面刷新后保留），可结合LocalStorage或路由的meta字段。实践中，确保在组件卸载时清理数据，避免内存泄漏。
2025-09-22 09:44:25
752
原创 uniappx鸿蒙适配
uniappx 是 DCloud 推出的下一代跨平台开发框架，支持编译到多个平台，包括鸿蒙（HarmonyOS）。通过 uniappx，开发者可以使用 Vue 语法编写代码，并编译为鸿蒙原生应用，实现高效开发。
2025-08-22 10:33:34
452
原创 uniappx新增的几个api
uniappx作为uni-app的扩展版本，新增了一些API以提升开发体验和功能覆盖。以上API均需在uniappx环境下使用，传统uni-app项目无法调用。更新日志或开发者社区。
2025-08-22 10:27:47
440
原创 uniappx与uniapp的区别
uniappx支持更底层的原生API调用，允许开发者直接操作原生模块（如蓝牙、传感器等），适合高性能需求或原生插件开发。uniappx对编译工具链进行了优化，支持更精细的原生代码生成（如WXML到原生视图的转换效率提升）。，基于uniapp进行功能增强，主要面向需要更复杂原生交互或跨平台深度定制的场景。uniapp则是标准版，适用于常规的跨平台应用开发，强调开发效率和代码复用。uniappx需要熟悉更多原生开发概念（如线程管理、JSI调用），适合有原生开发经验的团队。uniappx是DCloud推出的。
2025-08-22 10:23:36
412
原创 echarts 报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
该错误通常发生在以下场景：当尝试访问一个未定义对象的属性时，特别是图表配置项中某个必需的属性缺失或拼写错误。在 ECharts 中，如果通过异步加载数据，需确保数据完整返回后再初始化图表。某些图表类型（如地图、自定义系列）需要额外引入组件或扩展库。是系列（series）的核心配置项，未正确定义会导致该错误。确保每个系列对象都包含有效的。
2025-07-24 09:27:50
564
1
原创 Cannot create property ‘value‘ on string ‘codeReport‘报错
，而 JavaScript 字符串是原始类型（primitive），无法直接附加属性。通常是因为试图在一个字符串类型的变量上设置属性（如。：某些函数可能返回字符串，但代码中假设返回的是对象。是一个对象，但实际被赋值为字符串。是一个对象而非字符串。JavaScript 允许通过。
2025-07-24 09:19:38
351
原创 Runtime directive used on component with non-element root node.
应用到一个组件的根节点上，但该组件的根节点并非单个 DOM 元素（例如，可能是一个文本节点或多个根节点）。Vue 3 要求单文件组件（SFC）必须有唯一的根元素，除非明确配置为支持片段（Fragments）。Vue 3 支持多根节点（Fragments），但需确保指令应用在明确的元素上。检查其文档，确保它支持作为指令的目标。该错误通常出现在使用 Vue 3 或其他现代前端框架时，尝试将运行时指令（如。通过以上方法，可以解决因非元素根节点导致的运行时指令错误。确保组件的模板有且仅有一个根元素。
2025-06-25 09:39:19
443
原创 echarts报错无法获取dom
确保指定的DOM元素在初始化时已存在于页面中。若容器是通过动态加载（如AJAX或框架的生命周期钩子），需确认图表初始化时机正确。ECharts要求容器必须有明确的宽度和高度。若容器尺寸为0或未设置，会导致初始化失败。若容器内容为异步渲染（如v-if或路由切换），需在渲染完成后的回调中初始化图表。通常发生在图表初始化时，指定的DOM容器无效或无法正确获取。在Vue/React等框架中，需确保DOM已挂载后再初始化。的DOM元素是否有效。
2025-06-25 09:33:39
555
原创 vue3父组件调子组件方法
使用ref方式时，子组件必须通过defineExpose明确暴露方法。事件方式更适合组件间的松耦合通信。provide/inject适用于深层嵌套组件。根据具体场景选择合适的方法，ref直接调用最为简单直接，但会破坏一定程度的封装性。为子组件设置ref属性，父组件可通过ref.value直接调用子组件方法。子组件通过emit触发事件，父组件监听事件并调用方法。祖先组件提供方法，后代组件注入调用。
2025-06-25 09:31:16
1205
原创 [渲染层网络层错误] Failed to load local image resource
微信开发者工具中点击"清除缓存"->"清除文件缓存"，或尝试关闭工具后删除项目目录下的。开发者工具中查看Network面板，过滤image类型请求，观察加载失败的具体原因。确认图片实际存在于指定目录，注意区分大小写。可通过开发者工具的文件面板直接检查。确保图片文件未被其他程序占用，且有读取权限。尝试将图片复制到新位置测试。尝试转换为常见格式如PNG/JPG，避免使用WebP等可能不支持的格式。某些旧版本基础库存在本地资源加载BUG，建议更新至最新稳定版。确保路径使用相对路径且正确指向目标文件。
2025-05-26 14:15:55
1302
原创 vue3使用Pinia
这样，你就可以在 Vue 3 中使用 Pinia 来管理你的应用程序状态了。通过定义 store 和在组件中使用它们，你可以更好地组织和共享状态，并实现更好的状态管理。在Vue 3中使用 Pinia 是一个简单而强大的状态管理库。
2025-04-21 15:04:47
305
原创 element-plus报错: [ElForm] unexpected width NaN
原因是当el-form的label-width设置为auto时，el-form-item无label属性的时候，切换路由时(切换页面)，控制台会有个警告。解决方法：去除label-width属性或者设置固定宽度。
2025-04-21 13:41:08
767
1
原创 npm install --loglevel error --registry=https://registry.npm.tao.org --disturl=ht报错，vue2项目创建
2、把true改为false，然后保存，这种方法是修改为不使用淘宝镜像，创建项目之后想继续使用淘宝镜像，只需要把false改为true即可。1、找到图片中的文件，使用记事本打开。，发现可以成功创建了，
2025-03-20 14:40:09
341
原创 echarts报错Cannot read properties of null (reading ‘getAttribute‘)
【代码】echarts报错Cannot read properties of null (reading ‘getAttribute‘)
2025-03-20 14:25:55
275
原创 Failed to execute ‘readAsArrayBuffer‘ on ‘FileReader‘: parameter 1 is not of type ‘Blob‘
因为使用了element 上传功能，然后给fileReader.readAsArrayBuffer()传的参数对不上，传的参数中的raw才是需要的File对象。
2025-02-24 17:04:55
488
原创 vue3父子通信异步获取数据
子组件展示的数据是父组件请求得来的数据时，会因为异步操作而不会获取到最新数据，所以要在子组件里面用到watch去监听，复杂数据类型可以加deep进行深度监听。
2025-01-08 14:01:13
159
原创 vue3+vite的项目中，使用xlsx，控制台报错
通过【import * as 别名 from ‘xxx’】，通过别名就可以访问了。在vue3+vite的项目中，使用xlsx，控制台会报错。导出一些属性和方法，自然无法使用【原因是引入的库没有使用。来导出,而是直接使用。
2024-12-17 15:08:21
224
原创 Vite打包后动态路由加载失败的问题
提供的动态导入方式：import.meta.glob函数从文件系统导入多个模块。vite打包时，动态导入的模块不会被直接打包，导致加载失败。
2024-12-17 15:02:43
536
原创 [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
也可直接使用defineProps，不需要import。表示在 <script setup> 中可直接使用。，不需要import。
2024-11-13 13:50:56
1369
原创 vue3封装ajax请求，用async/await发送请求
在组件中使用，async要写在离await最近的函数前缀上。现在src下创建api目录。
2024-10-16 10:42:48
493
原创 css实现文字单行居右, 换行居左展示
原理：给外层盒子设置文字居右对齐, 子盒子设置文字居左对齐。<view class="title"> <view class="son">文本</view></view>.hex-exe-new-title { text-align: right; .son { display: inline-block; text-align: left; }}
2024-09-18 11:23:23
512
原创 uniapp条件编译
条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。平台存在的代码，多个这里只有||，不可能出现。2、除了H5平台，其它平台均存在的代码。详情跳转uniapp官方。
2024-08-15 16:37:24
496
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人