vue+element中折叠面板title自定义且阻止冒泡事件

一、在自定义的内容外包一层div，在div中添加click事件 @click=“stopProp”

<el-collapse-item  :name="1">
   <template slot="title">
     冒泡事件    //title
      <div @click="stopProp" style="margin-left:10px">
        <el-button
          size="mini"
          type="text"
          icon="el-icon-upload"
          @click="handleuploadBOM" >
        </el-button>   //按钮
      </div>
</template>

js方法

// 阻止事件传播
stopProp(e) {
  e.stopPropagation()
}

二、另外移动端 阻止冒泡事件的方法（暂时只限于uni-app+uView，其他还没有测试） 使用@tap.stop.prevent

<u-collapse-item :open="index==0"  v-for="(item, index) in dataList" :key="index" @change="handleClick(item.craftId,item.craftName)">
	<view slot="title">
		<span >{{'物料名称：'+item.craft_name}}</span>
		<span class="" style="margin-left: 20rpx;" @tap.stop.prevent>
			<text @click="openpdf(item)" style="color:#0000FE;text-decoration:underline">点击</text>
		</span>
	</view>
</u-collapse-item>