配合ant-design-vue 的全屏组件
代码示例:
<FullScreen />
<FullScreen :targetEle="targetEle" />
import FullScreen from './FullScreen'
export default {
components: {
FullScreen
},
// 指定目标元素全屏,可以省略
data () {
return {
targetEle: {},
}
},
mounted () {
this.targetEle = this.$refs.body.$el
},
}
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
iconStyle | 图标样式 | Object | {} |
targetEle | 全屏的目标元素 | Object, HTMLElement | document.getElementById(‘blankLayout’) || document.documentElement |