场景:实现点击select选项时弹出popover弹框,点击已选择的选项时没有触发change事件。
实现方法:
- 在select组件内包option标签,并给option绑定一个@click.native点击事件,并传入value值。
- 在@click.native绑定事件中判断传入的value和当前select选中的选项是一致则弹出popover弹框。
- 给select绑定一个visible事件,不管select选项弹框显示还是消失,都给popover隐藏,才能达到点击select选项才弹popover弹框的效果。
本文介绍如何在Vue应用中实现点击下拉select的选项时弹出Popover,同时确保点击已选择的选项时不触发change事件。关键在于使用`@click.native`绑定option并检查value,配合`visible`事件管理Popover的显示与隐藏。
8万+

被折叠的 条评论
为什么被折叠?



