AI 助理
文档备案控制台
文章 2024-07-01 来自：开发者社区

vue 组件封装 | 图片放大镜（同天猫、淘宝、京东等商品图片放大浏览效果）

封装组件 s-imgZoom.vue <template> <div style="display: flex;position: relative"> <div class="box" :sty...

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

将Elementui里的Table表格做成响应式并且和Pagination分页组件封装在一起（Vue实战系列）

在前端开发中，表格（Table）是一个常见且重要的组件，它用于展示大量结构化数据。Element UI，作为一套为开发者、设计师和产品经理准备的基于Vue 2.0的组件库，提供了功能丰富且易于使用的Table组件。本文将深入解析Element UI中的Table组件，探讨其使用方法、功能特性以及优化技巧。 一、Element UI Table组件简介 Element UI的Tab...

文章 2024-04-24 来自：开发者社区

＜ elementUi组件封装： 通过 el-tag、el-popover、vue动画等实现公告轮播 ＞

前言在 Vue + elementUi 开发中，遇到这么一个需求，要实现公告轮播的效果。说实话，一开始是打算通过Javascript去获取并修改对应元素来控制轮播的，但是发现这样子代码比较多，而且性能不是很好。然后...聪明的小温想到了，能不能通过vue的动画过渡，实现公告的滚动效果呢！ 一不做二不休，直接上手，果然是可以实现的！接下来，简单阐述下，开发中使用方法！tips： vue动画过渡 .....

＜ elementUi组件封装： 通过 el-tag、el-popover、vue动画等实现公告轮播 ＞
文章 2023-10-17 来自：开发者社区

【Vue3】面包屑组件封装

面包屑组件封装目标：掌握面包屑组件如何使用核心代码src/components/bread/index.vue&lt;script lang="ts" setup name="Bread"&gt; // 分隔符数据是位于Bread组件中 而对于分隔符数据的使用是在底层的组件中使用 // provide/inject import { provide } from 'vue' const prop....

文章 2023-10-17 来自：开发者社区

【Vue3】首页主体-面板组件封装

思路分析图中标出的四个部分都是可能会发生变化的，需要我们定义为可配置主标题和副标题由于是纯文本，我们定义成props即可右侧内容和主体内容由于可能会传入较为复杂的自定义模板，我们定义成slot利用插槽渲染核心代码（1）组件编写Home/components/home-panel.vue&lt;script lang="ts" setup name="HomePanel"&gt;&lt;/scri....

文章 2023-10-17 来自：开发者社区

【Vue3 组件封装】vue3 轮播图组件封装

轮播图功能-获取数据目标: 基于pinia获取轮播图数据核心代码：（1）在types/data.d.ts文件中定义轮播图数据的类型声明// 所有接口的通用类型 export type ApiRes <T> = { code: string, msg: string, result: T } // 轮播图类型 export type BannerItem = {...

【Vue3 组件封装】vue3 轮播图组件封装
文章 2023-09-07 来自：开发者社区

【Vue】组件封装——input输入框

实战目的封装一个自定义的input组件,只适用于 input元素type属性为text或password.实战效果核心思想准备: 需要两个文件,分别为 register.vue(父组件), input.vue(子组件)register.vue 引入 input.vueimport inputstyle from '@/components/input.vue' export default { ....

【Vue】组件封装——input输入框
文章 2023-08-02 来自：开发者社区

Vue antdv Table 组件悬浮头部与尾部进度条（已封装成组件）

在使用 antdv Table 组件的时候，不限制高度，滚出窗口上方时，发现并不能进行头部悬浮，其他有的框架是支持这个功能的，antdv 目前好像并不自带，所以只能手动封装一个组件。DZMTablePlugin-Antdv 下载地址。支持悬浮头部以及指定跟随头部悬浮的行数。支持悬浮工具栏。使用案例代码版本分支区别：新版本通过dataCount进行监控是否有数据，以及可以切换滚动监听对象等等。老版....

Vue antdv Table 组件悬浮头部与尾部进度条（已封装成组件）
文章 2023-07-23 来自：开发者社区

Vue3简易路由菜单组件封装

友情提醒：没有vue2的基础请先学习vue2，再来学习vue3，现在很多情况下还是使用vue2,这个组件倒是通用的，改点数据就好了，主要是思想。组件Menu<template> <div> <ul> <li v-for="menuItem in menuList" :key="menuItem.name"> ...

文章 2023-06-09 来自：开发者社区

Vue+Echart实现利用率表盘效果【组件已封装，可直接使用】

效果演示当利用超过70%（可以自行设置），表盘变红组件里面对应两个图片资源，panelBackground_red.png 和 panelBackground_green.png，请前往百度网盘进行下载。如果喜欢其他颜色，可以使用.psd来修改导出就行。链接：https://pan.baidu.com/s/12wvEGlKrvjEBFki9YbE3hQ提取码：fibf在使用组件之前，记得引入ec....

Vue+Echart实现利用率表盘效果【组件已封装，可直接使用】

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

VUE.js您可能感兴趣

阿里巴巴终端技术

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

+关注