饿了么的 el-collapse 组件回车键会触发显隐(第一次手动触发后)

最新推荐文章于 2023-07-07 23:56:13 发布

Tanjc518

最新推荐文章于 2023-07-07 23:56:13 发布

阅读量401

点赞数

分类专栏： vue 文章标签： javascript html css

本文链接：https://blog.csdn.net/Tanjc518/article/details/128486193

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

el-collapse 组件回车键会触发显隐(第一次手动触发后)

因为change方法原因
可以把事件放到title插槽上面

<el-collapse :value="activeNames">
  <el-collapse-item :title="title" name="1" :disabled="disabled">
    <template slot="title">
      <div class="collapse-title" @click.stop="handleChange">
        <div class="text">
          {{title}}
        </div>
        <div class="btn" @click.stop="handleChange">{{ activeNames == '0' ? '展开' : '收起' }}</div>
      </div>
    </template>
    <slot name="content"></slot>
  </el-collapse-item>
</el-collapse>