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

vue2知识点:Vue封装的过度与动画

@[toc] 3.25Vue封装的过度与动画 3.25.1知识点总结 3.25.2案例 注意点1:最好有css动画基础,再练习这块,但我只是了解所以原封不动拷贝看效果就是,当了解即可。【动画/过度】使用方式:1)定义【动画/过度】样式名称2)用标签包裹起来要实现动画的元素> 使用动...

vue2知识点:Vue封装的过度与动画
文章 2024-08-13 来自:开发者社区

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

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

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

vue自定义Hooks函数使用和封装思想

在Vue3中,自定义Hooks函数是提升代码复用性和组织性的重要手段。通过封装可复用的逻辑代码,开发者可以更加高效地构建和维护大型应用。下面将详细介绍Vue3中自定义Hooks函数的使用和封装思想,并给出具体的代码演示。 自定义Hooks函数概述 Vue3中的自定义Hooks函数允许开发者封装和重用逻辑代码。这些函数是使用Composition API创...

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

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

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

文章 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封装svg

<template> <svg aria-hidden="true" :style="{ width: size + 'px', height: size + 'px' }"> <use :xlink:href="symbolId" :fill="color" /> </svg> </template> ...

vue封装svg
文章 2024-05-16 来自:开发者社区

vue封装面包屑组件

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

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

vue中高精度小数问题(加减乘除方法封装)处理

文档地址:https://mikemcl.github.io/bignumber.js/ npm install bignumber.js --S ...

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

Vue 封装一个函数,小球原始高度不固定,弹起比例不固定、计算谈几次后,高度低于1米

## 简介 本文将介绍如何使用Vue封装一个函数,计算小球弹跳的次数,直到高度低于1米。函数的参数包括小球的原始高度和弹起比例。通过代码案例演示了如何使用Vue进行封装和调用。 ## 函数封装 ```vue <template>  <div>    <label for="height...

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

Vue实现简单的接口封装

1.  在src中创建一个api文件夹 2. 按功能、模块等新建对应的js文件 ...

Vue实现简单的接口封装

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

阿里巴巴终端技术

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

+关注