vue也可以 slidedown

vue也可以实现jquery的 slidedown

结合原生js与transition 动画完成slidedown

   clickBy(){//点击事件let slide = { //down up事件      down : function(div){div.style.height='140px';},              up : function(div){div.style.height='0';}}function toggleSlide(id,s){var div = document.getElementById(id),div_height = div.offsetHeight;div.style.transition='height '+s+'ms';  div.style.overflow='hidden';                    if(div_height){slide.up(div);}else{slide.down(div);}}toggleSlide('groupRadioBox','300')//调用事件传值let classN=this.$refs.caret.className//获取类名if(classN=='el-icon-caret-bottom'){//切换图标类名this.$refs.caret.setAttribute("class",'el-icon-caret-right')}else{this.$refs.caret.setAttribute("class",'el-icon-caret-bottom')}}

vue也可以 slidedown相关推荐

# vue+JavaScript实现slideDown与slideUp效果
vue+JavaScript实现slideDown与slideUp效果整段代码如下代码片. // An highlighted block <template><div style ...
JavaScript/TypeScript/NodeJS实用编程工具集 - @jcstdio/jc-utils模块
JavaScript/TypeScript编程工具集 JavaScript/TypeScript/NodeJS实用工具模块作者:李俊才 (jcLee95):https://blog.csdn.net ...
css3 updown 动画,Vue的transition中的slidedown,slideUp展开收起动画
vue transition动画 vue的transition过渡动画在vue官网已有详细教程,就不赘述了.然而当我们使用transition来实现slidedown,slideup的展开收起动画时, ...
运用vue.js写的表格小demo
2019独角兽企业重金招聘Python工程师标准>>> 最近在学习vue.js,我把工作中项目里面的一个小实例用vue.js重构了下,写成一个小demo,巩固自己所学,并与大家分享, ...
微信小程序实现slideUp、slideDown滑动效果及点击空白隐藏功能示例
本文实例讲述了微信小程序实现slideUp.slideDown滑动效果及点击空白隐藏功能.分享给大家供大家参考,具体如下: 怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路 ...
vue.js实现带表情评论功能前后端实现（仿B站评论）
文章目录学习链接效果图后台建表评论表(重要) 用户表实体类 Comment User CommentDTO(重要) WebConfig配置配置跨域和静态资源文件夹 Mybatisplus ...
vue源码用了哪些设计模式,vue实际开发遇到的难点
Vue组件开发有哪些技巧这次给大家带来Vue组件开发有哪些技巧,Vue组件开发的注意事项有哪些,下面就是实战案例,一起来看一下. Vue单文件组件开发当使用vue-cli初始化一个项目的时候,会发现 ...
Vue开发Web阅读器（一）
本项目使用vue3 初始化项目后需配置vue.config.js,官方文档:https://cli.vuejs.org/zh/config/#vue-config-js 我的暂时配置: const p ...
Web前端单词大全（html+css+js+vue）
style 修饰 width 宽度 height 高度 title 想说明的 text-align 水平对齐方式 center 居中 left 居左 right 居右 line-height 垂直对齐 ...

vue也可以 slidedown

vue也可以 slidedown相关推荐

最新文章

热门文章