vue3项目 怎么监听屏幕高度一旦发生变化 就回立刻执行 赋值操作
时间: 2024-02-01 07:03:39 浏览: 86
VUE实时监听元素距离顶部高度的操作
你可以使用 Vue 3 提供的 `watchEffect` 方法来监听屏幕高度变化并立即执行赋值操作。具体实现步骤如下:
1. 在组件的 `setup` 方法中使用 `watchEffect` 方法,监听屏幕高度变化。
```javascript
import { watchEffect } from 'vue';
export default {
setup() {
watchEffect(() => {
const screenHeight = window.innerHeight;
// 执行赋值操作
// ...
});
}
}
```
2. 在 `watchEffect` 回调函数中获取屏幕高度,然后执行赋值操作。
```javascript
import { watchEffect } from 'vue';
export default {
setup() {
watchEffect(() => {
const screenHeight = window.innerHeight;
// 执行赋值操作
// ...
});
}
}
```
这样,当屏幕高度发生变化时, `watchEffect` 回调函数会立即执行。
阅读全文