文章 2025-04-27 来自:开发者社区

基于 ant-design-vue 和 Vue 3 封装的功能强大的表格组件

VTable 多功能表格组件 基于 ant-design-vue 和 Vue 3 的功能强大的表格组件,支持列自定义、排序、本地化存储、行选择等特性。 当前组件继承了Ant-Design-Vue Table组件的所有列属性和方法,并在此基础上进行扩展。 演示地址:https://table.nicen.cn Github:https://git...

文章 2024-10-18 来自:开发者社区

vue3+Ts 二次封装ElementUI form表单

在开发中常常需要对某个组件进行二次封装来提升快速开发的效率,比如form表单需求:需要对表单进行二次封装以及基于表单封装进行封装搜索组件 在src下面新建 base-ui文件夹其中:src文件夹:存放组件,types文件:存放类型,inde.ts:集中导出组件和类型 封装 formtypes:ind...

文章 2024-10-17 来自:开发者社区

vue3扩展echart封装为组件库-快速复用

ECharts ECharts,全称Enterprise Charts,是一款由百度团队开发并开源,后捐赠给Apache基金会的纯JavaScript图表库。它提供了直观、生动、可交互、可个性化定制的数据可视化图表,广泛应用于数据分析、商业智能、网页开发等领域。以下是关于ECharts的详细介绍: ECharts的特点 丰富的图表类型:ECharts支持包括折线图、柱状图...

vue3扩展echart封装为组件库-快速复用
文章 2024-09-02 来自:开发者社区

vue3封装城市联动组件

前言 本文将带你实现地址的选择,将其注册为全局组件,进行三级联动后选定地址。 一.准备 1.axios 利用axios发送请求,拿到全部城市数据。 在项目根目录下打开任意终端,执行yarn add axios命令。项目中需要发送请求统一统一放在src/api/index.js。 import axios from 'axios...

文章 2024-08-14 来自:开发者社区

Vue3——基于tdesign封装一个通用的查询组件

前言 基于Vue3+TS+tdesign封装一个通用的查询组件; 临时写的一个demo 内容 组件代码 ...

Vue3——基于tdesign封装一个通用的查询组件
文章 2024-08-10 来自:开发者社区

以 Vue 3 项目为例,多个请求下如何全局封装 Loading 的展示与关闭?其中大有学问!

项目开发中,Loading 的展示与关闭是非常关键的用户体验设计。 当我们的应用需要发起多个异步请求时,如何有效地管理全局 Loading 状态,保证用户在等待数据加载时能有明确的反馈,这是一个值得深入探讨的问题。 本文将以 Vue 3 项目为例,详细讲解如何全局封装 Loading 的展示与关闭。 一、准备工作 首先,我们需要创建一个新的 Vue 3 ...

文章 2024-08-10 来自:开发者社区

【Vue 3】如何封装一个超级好用的 Hook!

在 Vue 3 中,组合式 API 的出现给我们带来了很多新的编程方式和思路。 其中,Hook 是一种非常强大的工具,可以帮助我们更好地复用代码,提升开发效率。 在这篇文章中,我将详细介绍什么是 Hook,以及如何在 Vue 3 中封装一个超级好用的 Hook。 我们将通过多个实例,逐步深入探讨 Hook 的封装技巧和使用场景。 什么是 Hook ...

文章 2024-07-06 来自:开发者社区

vue3 【实战】封装 “心跳“ 组件

需求描述 在控制台每秒打印一个“hello” 代码实现 <script setup> import { onMounted, onBeforeUnmount, ref } from "vue"; const timer = ...

文章 2024-06-06 来自:开发者社区

vue3如何封装接口

在Vue 3中封装接口,通常可以使用axios或类似的库来进行网络请求,并将请求封装成一个独立的模块,方便在应用中重复使用和管理。下面是一个简单的示例,演示如何在Vue 3中封装接口 1,首先 安装并导入 axios库  可以使用npm或ayrn来安装 npm install axios --save 2,创建一个,api.js文件来管接口封装: ...

文章 2024-05-16 来自:开发者社区

vue3封装面包屑

breadCrumb.vue <script setup lang="ts" > import { ArrowRight } from '@element-plus/icons-vue' import SvgIcon from '@/components/SvgIcon.v...

vue3封装面包屑

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注