el-popover trigger=“click“禁止冒泡

最新推荐文章于 2024-10-17 14:20:44 发布

原创最新推荐文章于 2024-10-17 14:20:44 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

本文详细介绍了如何在Vue应用中使用ElementUI库的el-popover组件，并展示了如何添加、编辑和删除部门功能，通过click事件触发相应操作。

<el-popover placement="right" :width="100" trigger="click">
   <template #reference>
       <div @click.stop>
           按钮
       </div>
   </template>
   <div>
       <el-button type="primary" style="margin: 0;" link>添加子部门</el-button>
       <el-button type="primary" style="margin: 0;" link>编辑部门</el-button>
       <el-button type="primary" style="margin: 0;"">删除部门</el-button>
   </div>
</el-popover>