jh-popover

弹出框

Usage no npm install needed!

<script type="module">
  import jhPopover from 'https://cdn.skypack.dev/jh-popover';
</script>

README

JhPopover 弹出框

常用于展示特定内容下的的补充信息

Installation

$ npm install jh-popover

Example

import JhPopover from 'jh-popover';
Vue.use(JhPopover);

<jh-popover>
    <div slot="reference" class="btn">click激活</div>
    <h2>自定义内容</h2>
</jh-popover>

Attributes

参数 说明 类型
value/v-model 状态是否可见 Boolean
disabled 是否禁用 Boolean
offsetY 偏移量 Number
change 弹窗状态变化时触发 Function

Slot

参数 说明
— 内嵌 HTML 文本
reference 触发 Popover 显示的 HTML 元素

Events

  • show 显示弹窗
  • close 关闭弹窗