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的开发笔记!
评论