Popover
安装
局部注册
全局注册
import { Popover } from 'vux'
export default {
components: {
Popover
}
}
// 在入口文件全局引入
import Vue from 'vue'
import { Popover } from 'vux'
Vue.component('popover', Popover)
属性
名字 | 类型 | 默认值 | 说明 | 版本要求 |
content | string | 弹出窗口内容 | — | |
placement | string | 弹出窗口位置 | — | |
gutter | number | 5 | 箭头和触发元素之间的距离 | — |
事件
名字 | 参数 | 说明 | 版本要求 |
@on-show | — | 弹窗显示时触发 | — |
@on-hide | — | 弹窗隐藏时触发 | — |
插槽
名字 | 说明 | 版本要求 |
默认插槽 | 触发元素 | — |
content | 弹窗内容 | — |
## 样式变量
名字 | 默认值 | 说明 | 继承自变量 |
@popover-bg-color | #35495e | — | |
@popover-font-color | #fff | — | |
@popover-border-radius | 3px | — | |
@popover-border-width | 5px | — |
相关 issue
- #2938 popover: fix popover position in scrollbar page
- #2590 popover组件使用position: fixed时,点击失效
- #2194 Popover组件为何不根据该组件渲染出的div来定位
- #1961 Popover组件的位置计算问题
贡献者
该组件(包含文档)迭代次数 8,贡献人数 2
Jackairyland