文章 2022-03-13 来自:开发者社区

Vue防抖函数的封装和使用

Vue中的防抖函数封装和使用如搜索框中,每改变一个数值就请求一次搜索接口,当快速的改变数值时并不需要多次请求接口,这就需要一个防抖函数:// 防抖函数 export function debounce(func, delay) { // func 函数 delay间隔时间 let timer return function (...args) { if (timer) { ...

文章 2022-01-10 来自:开发者社区

vue中Router的封装以及使用

在项目中会有多个vue页面,就会引入许多路由,如果配置的路由都放在router文件夹下的index.js中,要写很多个,而且显得代码量太多。所以我们需要 单独写出来 。在router文件夹中新建HomeRouter.js 和HomeConfig.js在HomeConfig.js中const HomeConfig = { home: { //home路由 path: '/'...

文章 2021-12-31 来自:开发者社区

vue中返回顶部封装的组件 滚动一定位置显示隐藏

用两个不同方式写的返回顶部返回顶部子组件1<template> <div> <div @click="backtop" class="fh" v-show="isShow">顶部1</div> </div> </template> <script> export default { data(...

vue中返回顶部封装的组件 滚动一定位置显示隐藏
文章 2021-12-31 来自:开发者社区

vue中怎样实现弹出层动画效果?由上而下渐渐显示---封装成复用组件

子组件:<template> <div class="home"> <!-- 首先将要过渡的元素用transition包裹,并设置过渡的name --> <transition name="mybox"> <div class="box" v-show="boxshow"></div> ...

vue中怎样实现弹出层动画效果?由上而下渐渐显示---封装成复用组件
文章 2021-12-31 来自:开发者社区

vue中实现模态框弹出框动画(旋转弹出)--封装成组件

子组件<template> <div> <vodal :show="show" animation="rotate" @hide="showhide"> <div>动画插件</div> </vodal> </div> </template> <script&g...

vue中实现模态框弹出框动画(旋转弹出)--封装成组件
文章 2020-11-19 来自:开发者社区

vue封装点赞特效组件

如图所示,博主封装一个vue点赞效果的组件,由于网上很少有这种插件样式,所以今天出一个点赞教程。 *注意:本次使用两个img标签(两个颜色小手svg),如果你希望用到icon,也可自己更改代码实现。 点赞效果主要用到css,所以,你需要知道的css3知识: 1、animation 动画配合 keyframes 规则使用。 2、box-shadow 阴影与 transition 过渡效果的妙用。 ....

vue封装点赞特效组件
问答 2019-12-16 来自:开发者社区

Vue自定义指令封装节流函数的方法示例

Vue自定义指令封装节流函数的方法示例

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

vue教程:封装了一个checkbox组件

工作中发现默认vue绑定checkbox很不方便,存在下面几个问题。 1、如果传递的数值不是数值,那默认绑定值就会转为true或false但是作为后端人员,true或flase这类值一般都是用数值型字段来保存,比如1和0,我们后台传递出来的数据往往就直接是0或1. 2、如果有多个checkbox,那就需要传递的数值是数组,但是实际中往往一组checkbox提交后台后,就是保存在一个nvarcha....

文章 2019-09-11 来自:开发者社区

简述下Vue组件化封装过程?

概念 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树: !!! 熟记 : 页面中可复用的结构、样式和功能,抽离成一个文件; 特点: 为了便于 组织和管理代码 , 便于维护和扩展维护 组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模...

简述下Vue组件化封装过程?
文章 2019-08-13 来自:开发者社区

vue开发:对Element上传功能的二次封装

最近公司老项目改用vue开发,前端框架采用element ui,这个框架风格还是很漂亮的,只是上传功能有一些问题,比如:limit=1限制上传数量后,后面的添加按钮没有隐藏,再用就是如果上传图片组,很多需求需要对图片组进行排序修改,基于这两个需求,对element的el-upload组件进行了二次封装。 首先引入sortable.js这个插件,这个是一个很强大的排序插件,下面直接上我封装的上传代....

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

阿里巴巴终端技术

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

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问