hide show vue 动画_vue结合elementUI折叠展开效果动画

组件

• v-for="(title,index) in tabTitle"

  :key="index"

  @click="getclcik(index)"

  class="menu-li"

  :class="{active:cur==index}"

  >{ {title}}

1211111111111111111111111111111111

export default {

data() {

return {

tabTitle: ['标题一', '标题二', '标题三', '标题四'],

cur: 0, //默认选中第一个tab

show3: true

}

},

methods: {

getclcik(value) {

this.cur = value;

},

handlerThe() {

this.show3 = !this.show3;

}

}

}

.hide-page-com {

background: #ffffff;

border