### 基本用法 将需要弹出的内容用``包裹起来，并插入到触发事件的元素中。 ``` html 内容 使用 content 属性添加内容 标题 使用 title 属性添加标题 使用 slot 标题 使用 slot 可以添加一些复杂功能 ``` ### 自定义 通过 root 插槽可以自定义整体内容。 ``` html Dropdown 指南 概念 组件 Textarea TreeView ``` ### 触发方式 使用`trigger`属性设置触发方式。 ``` html hover Popup click（默认） Popup right-click Popup double-click Popup ``` #### 手动触发 也可以手动触发弹出框的弹出/关闭： ``` vue ``` ### 弹出方位 使用`placement`属性控制弹出方位。 ``` html 上左 Popup 上边 Popup 上右 Popup 左上 Popup 左边 Popup 左下 Popup 右上 Popup 右边 Popup 右下 Popup 下左 Popup 下边 Popup 下右 Popup ``` #### 跟随鼠标 开启`follow-cursor`属性可以让弹出层跟随鼠标。也可以传一个数字或对象调整位置偏移。 ``` html 上左 Popup 上边 Popup 上右 Popup 左上 Popup 左边 Popup 左下 Popup 右上 Popup 右边 Popup 右下 Popup 下左 Popup 下边 Popup 下右 Popup ``` ### 右键菜单 使用`trigger`和`follow-cursor`两个属性可以很容易的实现右键菜单功能。 ``` html 右键菜单 指南 概念 组件 ``` ### 禁用状态 给弹出框添加`disabled`属性可以禁止弹出效果，但需要手动设置外层元素的状态。 ``` html disabled Popup ```