# 触发方式 ```html <n-tooltip placement="bottom" trigger="hover"> <template v-slot:activator> <n-button> 悬浮 </n-button> </template> <span> I wish they all could be California girls </span> </n-tooltip> <n-tooltip placement="bottom" trigger="click"> <template v-slot:activator> <n-button> 点击 </n-button> </template> <span> I wish they all could be California girls </span> </n-tooltip> <n-tooltip :show="showPopover" placement="bottom" trigger="manual"> <template v-slot:activator> <n-button @click="showPopover = !showPopover"> 手动 </n-button> </template> <span> I wish they all could be California girls </span> </n-tooltip> ``` ```js export default { data() { return { showPopover: false }; } }; ``` ```css .n-button { margin: 0 12px 8px 0; } ```