el-popover 组件使用
el-popover 组件使用
引入 elementUI 后可以使用 el-popover
el-popover 可以让我们在一个页面中使用弹框的方式显示另外一个页面,使用方法如下:
| 1 | <el-popover placement="bottom" trigger="click" width="500px"> | 
属性介绍
| 属性名 | 含义 | 可选值 | 
|---|---|---|
| placement | 弹框显示的位置 | bottom(底部显示) top(顶部显示) right(右侧显示) left(左侧显示) | 
| trigger | 显示的方式 | click(点击显示) hover(悬浮显示) | 
| width | 显示的弹框宽度 | 
另外要使用 slot="reference" 指明要显示的内容,当我们点击这个内容时才会显示弹框
示例:

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 SZX的开发笔记!
 评论








