diff --git a/examples/docs/en-US/popover.md b/examples/docs/en-US/popover.md index 42ff193f6..ca096281f 100644 --- a/examples/docs/en-US/popover.md +++ b/examples/docs/en-US/popover.md @@ -212,6 +212,7 @@ Of course, you can nest other operations. It's more light-weight than using a di | content | popover content, can be replaced with a default `slot` | string | — | — | | width | popover width | string, number | — | Min width 150px | | placement | popover placement | string | top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end | bottom | +| disabled | whether Popover is disabled | boolean | — | false | | value(v-model) | whether popover is visible | Boolean | — | false | | offset | popover offset | number | — | 0 | | transition | popover transition animation | string | — | fade-in-linear | diff --git a/examples/docs/en-US/tooltip.md b/examples/docs/en-US/tooltip.md index d1caf16bd..20665f863 100644 --- a/examples/docs/en-US/tooltip.md +++ b/examples/docs/en-US/tooltip.md @@ -113,12 +113,12 @@ Tooltip has 9 placements. .item { margin: 4px; } - + .left .el-tooltip__popper, .right .el-tooltip__popper { padding: 8px 10px; } - + .el-button { width: 110px; } @@ -145,7 +145,7 @@ Tooltip has two themes: `dark` and `light`。 ### More Content -Display multiple lines of text and set their format. +Display multiple lines of text and set their format. :::demo Override attribute `content` of `el-tooltip` by adding a slot named `content`. ```html @@ -170,7 +170,7 @@ In fact, Tooltip is an extension based on [Vue-popper](https://github.com/elemen ```html diff --git a/examples/docs/zh-CN/popover.md b/examples/docs/zh-CN/popover.md index 18d136b30..ba298e91c 100644 --- a/examples/docs/zh-CN/popover.md +++ b/examples/docs/zh-CN/popover.md @@ -239,6 +239,7 @@ Popover 的属性与 Tooltip 很类似,它们都是基于`Vue-popper`开发的 | content | 显示的内容,也可以通过 `slot` 传入 DOM | String | — | — | | width | 宽度 | String, Number | — | 最小宽度 150px | | placement | 出现位置 | String | top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end | bottom | +| disabled | Popover 是否可用 | Boolean | — | false | | value(v-model) | 状态是否可见 | Boolean | — | false | | offset | 出现位置的偏移量 | Number | — | 0 | | transition | 定义渐变动画 | String | — | fade-in-linear | diff --git a/examples/docs/zh-CN/tooltip.md b/examples/docs/zh-CN/tooltip.md index 00a395455..b47c266cc 100644 --- a/examples/docs/zh-CN/tooltip.md +++ b/examples/docs/zh-CN/tooltip.md @@ -134,7 +134,7 @@ .item { margin: 4px; } - + .left .el-tooltip__popper, .right .el-tooltip__popper { padding: 8px 10px; @@ -189,7 +189,7 @@ Tooltip 组件提供了两个不同的主题:`dark`和`light`。 ```html ``` diff --git a/packages/popover/src/main.vue b/packages/popover/src/main.vue index 0291bcb5d..aead7aa89 100644 --- a/packages/popover/src/main.vue +++ b/packages/popover/src/main.vue @@ -5,7 +5,7 @@ class="el-popover" :class="[popperClass]" ref="popper" - v-show="showPopper" + v-show="!disabled && showPopper" :style="{ width: width + 'px' }">
{{ content }} @@ -31,6 +31,7 @@ export default { validator: value => ['click', 'focus', 'hover', 'manual'].indexOf(value) > -1 }, title: String, + disabled: Boolean, content: String, reference: {}, popperClass: String,