两个点击事件

Question

利用饿了么el-checkbox组件，嵌套el-popconfirm组件，请问点击方框触发el-popconfirm出来，也就是这个框，谢谢

Answer 1

el-checkbox上加上@click.native.prevent=""就行了，阻止点击事件向下传递

    <el-popconfirm
        title="这是一段内容确定删除吗？"
        >
    <el-checkbox slot="reference" @click.native.prevent="" v-model="checked">备选项</el-checkbox>
  </el-popconfirm>

Answer 2

内部就是基于 el-popover 实现，看上去是无法实现你想要的功能。

那就去找 el-popover 的实现。

这里看上去是因为事件没生效，所以导致异常。

那么你只能手动控制 el-popover 来实现了

比如这样，强行改为 true。当然这里你可以仿 el-popover 中的逻辑来处理

http://jsrun.net/y8zKp/edit

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。