vue 点击放大全屏该元素
时间: 2023-02-07 07:24:11 浏览: 104
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
你可以使用 vue 内置的 $el 属性来获取该元素,然后使用 JavaScript 的 requestFullscreen() 方法来将该元素设置为全屏。
例如:
```
methods: {
fullscreen() {
this.$el.requestFullscreen()
}
}
```
你可以在 template 中使用 @click 绑定方法来触发全屏:
```
<template>
<div @click="fullscreen">点击全屏</div>
</template>
<script>
export default {
methods: {
fullscreen() {
this.$el.requestFullscreen()
}
}
}
</script>
```
阅读全文