文章 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-09-24 来自:开发者社区

Vue2.0、Vue3.0分别使用v-model封装组件[Vue必会]

核心:v-model实现是通过默认自定义属性value,自定义方法input(Vue2)实现,自定义属性modelValue,自定义方法input(Vue3)实现。。 @input 一般用于监听事件 只要输入的值变化了就会触发input 其实:就是对父传子、子传父。 Vue2.0 关系: <v-child v-mode...

文章 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-13 来自:开发者社区

Vue封装分页下拉选择器的组件

 在Vue项目中,经常需要实现带有分页功能的下拉选择器组件,以满足用户在大量数据中选择项的需求。本文将介绍如何封装一个Vue组件,该组件结合了分页和搜索功能,使得用户可以在大量数据中快速找到并选择所需项。 组件概述 该组件名为SelectWithPage,它将整合Element UI的<el-select>下拉选择器和<el-pagination>...

Vue封装分页下拉选择器的组件
文章 2024-08-06 来自:开发者社区

在vue中封装第三方组件的标准

在Vue.js项目中,经常会用到各种第三方组件库来提升开发效率和用户体验。然而,直接使用这些组件可能会导致代码结构混乱、样式冲突等问题。为了保持项目的整洁和可维护性,我们需要优雅地封装这些第三方组件。下面是一篇关于如何在Vue中优雅地封装第三方组件的文章。 如何在Vue中优雅地封装第三方组件 在Vue.js项目中,第三方组件库是不可或缺的一...

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

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

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

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

【奇葩问题】vue 多个el-drawer 嵌套遮罩混乱问题解决方案,vue在<el-drawer>中嵌套<el-drawer>时遮罩bug 为了解决问题自己封装了一个简易的抽屉组件

背景:vue项目中多个el-drawer抽屉组件嵌套官方自带遮罩层出现顺序混乱的bug 使用了官方自带类 :append-to-body=“true” :modal-append-to-body=“false” 都无法解决后 自己定义了一个组件,虽然简陋但是解决了问题 最终展示效果 ...

【奇葩问题】vue 多个el-drawer 嵌套遮罩混乱问题解决方案,vue在<el-drawer>中嵌套<el-drawer>时遮罩bug 为了解决问题自己封装了一个简易的抽屉组件
文章 2024-05-16 来自:开发者社区

vue封装面包屑组件

使用 <script setup lang="ts" > import { ArrowRight } from '@element-plus/icons-vue' const props = defineProps(['item']) </script> &...

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

vue3封装搜索表单组件

seacrch 表单完成的功能1.根据配置json配置项自动生成表单 ok 2.是响应式的排版 ok 3.点击搜索按钮会向上抛出值 ok 4.点击重置按钮会自动清空数据,不需要父组件额外的处理 ok 5.调整按钮靠右,使用flex的填充属性 ok 6.给下拉框绑定了事件 ok 7.新增了插槽,增强组件的扩展性 ok 8.可以回填默认值 ok 9.下拉框终于可以正确显示placeholder ...

vue3封装搜索表单组件

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

阿里巴巴终端技术

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

+关注