<template>
<u-layout>
<u-popover trigger="hover" content="使用 content 属性添加内容">
<u-button>hover</u-button>
</u-popover>
<u-popover trigger="click" content="使用 content 属性添加内容">
<u-button>click</u-button>
</u-popover>
<u-popover trigger="right-click" content="使用 content 属性添加内容">
<u-button>right-click</u-button>
</u-popover>
<u-popover trigger="double-click" content="使用 content 属性添加内容">
<u-button>double-click</u-button>
</u-popover>
<u-popover trigger="manual" :open="manualToggle" content="使用 content 属性添加内容">
<u-button @click="manualToggle=!manualToggle">manual</u-button>
</u-popover>
</u-layout>
</template>
<script>
export default {
data() {
return { manualToggle: false }
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27