BaseFullscreen 组件

BaseFullscreen 可将页面或任何元素变为全屏

安装

pnpm add @mz/base-fullscreen

代码演示

import { BaseFullscreen } from '@mz/base-fullscreen'
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'demo',
  setup() {
    return () => (
      <div>
        <div id="el">我要全屏</div>
        <BaseFullscreen target-id="el" />
      </div>
    )
  },
})

Props 属性

| 属性 | 说明 | 类型 | 默认值 | 版本 | | --------- | :-----: | -----: | -----------------------: | ---: | | target-id | 元素 ID | string | document.documentElement | - |

事件

| 事件名称 | 说明 | 回调参数 | 版本 | | -------- | :------------: | --------------------: | ---: | | change | 切换全屏时触发 | (isfull:bool) => void | - |