qq_42351255的博客

原创 Vue3 + Naive UI 实现表格自动滚动：自定义指令全局注册与使用指南

本文介绍了如何在 Vue3 项目中使用自定义指令实现 Naive UI 表格的自动滚动功能。通过全局注册 v-auto-scroll 指令，我们可以在任何表格组件中轻松实现自动滚动效果，大大提升了大数据量表格的用户体验。希望这篇文章能帮助你在 Naive UI 表格中实现自动滚动功能。通过自定义指令的方式，我们不仅实现了功能的复用，还能灵活地扩展和定制滚动行为，满足不同场景的需求。

原创 cesium设置地球透明

【代码】cesium设置地球透明。

原创 cesium加载图层、天地图、arcgis 4490图层、加载贴图、切片服务

【代码】cesium加载图层、天地图、arcgis 4490图层、加载贴图。

原创 vue3封装 ip地址输入框

【代码】vue3封装 ip地址输入框。

原创 vue3 + pinia数据持久化加密处理

我们要想对pinia的全局状态持久化，可以选择使用插件；而要想对这些状态数据进一步加密处理，我们可以通过自定义Storage(类似于后端中的接口实现)来结合一些加密库，例如secure-ls来实现。

原创 cesium地球自转

【代码】cesium地球自转。

原创 cesium标点绑定事件

【代码】cesium标点绑定事件。

原创 cesium 实现风场图效果

没有代码片段 直接下载可用。数据来源参考另外的文章。

原创 vue3+vite+cesiumjs开箱即用demo

可以直接下载使用以下是一些代码截图路由页面

原创 element下拉框宽度自适应

【代码】element下拉框宽度自适应。

原创 vue+videojs动态切换flv视频流

使用vue3.x+videojs+flv.js。

原创 cesium加载风场数据来源json格式解析

一、示例风向数据将地球以0.25为步长分为横向1440、纵向721个栅格。然后记录了每个栅格中南北方向（U）、东西方向（V）两个方向上的风力值。示例数据中data中记录了1440*721=1038240个风力数值。数据中已省略。parameterCategory 配置了数据记录内容，风力数据默认为 2 parameterCategoryName 风向数据默认：Momentum。

原创 vue打包之后使用vue-devtools插件

原文地址

原创 vue+axios简易封装http请求

【代码】vue+axios简易封装http请求。

原创 vue3+vite+ts项目问题

/ 获取assets静态资源。获取静态图片路径vite。

原创 vue简单封装localStorage

【代码】vue简单封装localStorage。

原创 vue3 常用watch及defineExpose

【代码】vue3 常用watch及defineExpose。

原创 vue兄弟组件传值Eventbus

原创 Element Plus 的日期组件修改成中文显示

【代码】Element Plus 的日期组件修改成中文显示。

原创 vite环境基础配置

【代码】vite环境基础配置。

原创 vue3 常用watch及defineExpose

【代码】vue3 常用watch及defineExpose。

原创 vue3异步引入组件

在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent如你所见，方法接收一个返回 Promise 的加载函数。这个 Promise 的resolve回调方法应该在从服务器获得组件定义时调用。你也可以调用表明加载失败。也会返回一个 Promise，所以多数情况下我们会将它和搭配使用。最后得到的AsyncComp是一个外层包装过的组件，仅在页面需要它渲染时才会调用加载内部实际组件的函数。

原创 vite配置开发环境和生产环境

【代码】vite配置开发环境和生产环境。

原创 vue3 component组件动态is匹配组件

【代码】vue3 component组件动态is匹配组件。

原创 vue封装海康威视视频插件js

vue封装海康威视视频插件js。

原创 npm install失败

【代码】npm install失败。

原创 vue+element ui table表格合并相同行

【代码】vue+element ui table表格合并相同行。

原创 vue3 使用pinia小记

你可以定义任意多的 store，但为了让使用 pinia 的益处最大化(比如允许构建工具自动进行代码分割以及 TypeScript 推断)，你应该在不同的文件中去定义 store。一旦 store 被实例化，你可以直接访问在 store 的 state、getters 和 actions 中定义的任何属性。相似，我们可以传入一个函数，该函数定义了一些响应式属性和方法，并且返回一个带有我们想暴露出去的属性和方法的对象。带来了更多的灵活性，因为你可以在一个 store 内创建侦听器，并自由地使用任何。