elementUI 中折叠面板能不能给每个el-collapse-item 对应的绑定事件

Question

elementUI 中折叠面板能不能给每个el-collapse-item 对应的绑定事件,我想要在它展开时获取到item对应的一些属性

<el-collapse
style="width: 400px;border-bottom: 0">

<el-collapse-item
v-for="(apply,index) in applyMessageList"
:key="index">
    <template slot="title">
        <div @click="messageCollapseChangeEvent(apply)">//尝试在这里添加事件，但箭头上事件不知道如何去除掉或者覆盖，尝试过在el-collapse-item层绑定事件，但是不起作用
            <span class="tip tipNormal"></span>
            <span class="tit isNormal">审批提醒</span>
            <span class="time isNormal">{{apply.created_at}}</span>
        </div>
        <divtyle="padding: 0px 35px 0 22px">cbcvbc后台c'b'c'v'b'c</div>
</el-collapse-item>

</el-collapse>

求解！！！！！！

Answer 1

你那样写应该可以获取到对应的数据吧
打印apply出来是什么？
我这边试可以打印出对应的列表数据啊

<el-collapse style="width: 400px;border-bottom: 0">
    <el-collapse-item v-for="(apply,index) in applyMessageList" :key="index">
        <template slot="title">
            <div @click="messageCollapseChangeEvent(apply)">
                <span class="tip tipNormal"></span>
                <span class="tit isNormal">审批提醒</span>
                <span class="time isNormal">{{apply.created_at}}</span>
            </div>
            <div style="padding: 0px 35px 0 22px">cbcvbc后台c'b'c'v'b'c</div>
        </template>
    </el-collapse-item>
</el-collapse>