mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-15 02:40:46 +08:00
ade87f6729
* docs: standardize unified example code format and fix some example type * docs: update some example type * Update docs/examples/descriptions/sizes.vue Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com> * docs: update example-page-header * docs: update example-page-header --------- Co-authored-by: kooriookami <38392315+kooriookami@users.noreply.github.com>
27 lines
555 B
Vue
27 lines
555 B
Vue
<template>
|
|
<el-button ref="buttonRef" v-click-outside="onClickOutside">
|
|
Click me
|
|
</el-button>
|
|
|
|
<el-popover
|
|
ref="popoverRef"
|
|
:virtual-ref="buttonRef"
|
|
trigger="click"
|
|
title="With title"
|
|
virtual-triggering
|
|
>
|
|
<span> Some content </span>
|
|
</el-popover>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, unref } from 'vue'
|
|
import { ClickOutside as vClickOutside } from 'element-plus'
|
|
|
|
const buttonRef = ref()
|
|
const popoverRef = ref()
|
|
const onClickOutside = () => {
|
|
unref(popoverRef).popperRef?.delayHide?.()
|
|
}
|
|
</script>
|