diff --git a/src/components/base/popper.js b/src/components/base/popper.js index 2411034..616c7c8 100644 --- a/src/components/base/popper.js +++ b/src/components/base/popper.js @@ -43,7 +43,12 @@ export default { } }, visible(val) { - val ? this.updatePopper() : this.destroyPopper(); + if (val) { + this.updatePopper(); + } else { + this.destroyPopper(); + this.$emit('on-popper-hide'); + } this.$emit('input', val); } }, diff --git a/test/routers/poptip.vue b/test/routers/poptip.vue index 7baa4dc..d75277c 100644 --- a/test/routers/poptip.vue +++ b/test/routers/poptip.vue @@ -132,7 +132,7 @@ <!--<Poptip title="标题" content="内容" trigger="hover">--> <!--<Button>hover 触发</Button>--> <!--</Poptip>--> - <Poptip title="确定删除这条信息吗?" confirm content="内容" trigger="focus" @on-ok="ok" @on-cancel="cancel"> + <Poptip title="确定删除这条信息吗?" confirm content="内容" trigger="focus" @on-ok="ok" @on-cancel="cancel" @on-popper-hide="hide"> <a><strong>Delete</strong></a> </Poptip> <!--<Poptip title="标题" content="内容" trigger="focus">--> @@ -174,6 +174,9 @@ }, cancel () { Message.info('cancel'); + }, + hide () { + Message.info('hide') } } } diff --git a/test/routers/tooltip.vue b/test/routers/tooltip.vue index 133884e..9ed208f 100644 --- a/test/routers/tooltip.vue +++ b/test/routers/tooltip.vue @@ -16,7 +16,7 @@ </style> <template> <div class="top"> - <Tooltip content="Top Left 文字提示" placement="top-start"> + <Tooltip content="Top Left 文字提示" placement="top-start" @on-popper-hide="hide"> <i-button>上左</i-button> </Tooltip> <Tooltip content="Top Center 文字提示" placement="top"> @@ -63,8 +63,13 @@ </div> </template> <script> - import { Tooltip, iButton } from 'iview'; + import { Tooltip, iButton, Message } from 'iview'; export default { - components: { Tooltip, iButton } + components: { Tooltip, iButton }, + methods: { + hide () { + Message.info('hide') + } + } } </script> -- libgit2 0.21.4