element-ui element-plus collapse-transition - 分析

最新推荐文章于 2025-03-03 19:05:57 发布

huxianc

最新推荐文章于 2025-03-03 19:05:57 发布

阅读量1.2k

点赞数

分类专栏： vue3 element-ui 文章标签： vue elementui

本文链接：https://blog.youkuaiyun.com/qq_33221861/article/details/111474998

版权

源代码地址-collapse-transition

version:element-plus 1.0.1-beta.0


<template>
  <transition v-on="on">
    <slot></slot>
  </transition>
</template>
<script lang='ts'>
import {
    addClass, removeClass } from '@element-plus/utils/dom'

export default {
   
  name: 'ElCollapseTransition',
  setup() {
   
    return {
   
      // https://cn.vuejs.org/v2/api/#transition
      on: {
   
        beforeEnter(el) {
   
          // 根元素class添加'collapse-transition'
          addClass(el, 'collapse-transition')</