两个点击事件

摇摆123
  • 4
新手上路,请多包涵

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

回复
阅读 866
2 个回答

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

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

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

那就去找 el-popover 的实现。

image.png

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

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

image.png

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

http://jsrun.net/y8zKp/edit

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