Vue 折叠面板Collapse在标题上添加组件后，阻止面板冒泡的用法

iView组件中，折叠面板Collapse点击面板标题部分，会出现面板收起或展开的效果。那么在面板标题后面再添加下拉框之类的组件时，会出现跟面板点击一样的效果，这时候就需要阻止冒泡的用法了。具体代码：

<Collapse @on-change="panelChange" :value="list[0].code" accordion>
    
    <Panel v-for="(item, index) in list" :key="item.code" :name="item.code">
　　　　{{ item.name }}

        
        <div @click.stop.prevent="() => {}">
            
        div>
        <div p="slot">
            
        div>
    Panel>
Collapse>        

 

转载于:https://www.cnblogs.com/minozMin/p/9789666.html