提交 8c034bbe 编写于 作者: Anne_LXM's avatar Anne_LXM

uni.onWindowResize支持app-nvue

上级 1bf7cd8e
### uni.onWindowResize(CALLBACK) ### uni.onWindowResize(CALLBACK)
监听窗口尺寸变化事件 监听窗口尺寸变化事件
> 1.6.0 新增 > 1.6.0 新增
**平台差异说明** **平台差异说明**
|App|H5|微信小程序 |支付宝小程序|百度小程序|字节跳动小程序|飞书小程序|QQ小程序| |App|H5|微信小程序 |支付宝小程序|百度小程序|字节跳动小程序|飞书小程序|QQ小程序|
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:| |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|√(nvue不支持)|√|√|x|x|x|√|√| |√|√|√|x|x|x|√|√|
**CALLBACK 参数说明** **CALLBACK 参数说明**
|属性|类型|说明| |属性|类型|说明|
|---|---|---| |---|---|---|
|size|Object|变化后的窗口的大小,单位为 px ,{windowWidth,windowHeight}| |size|Object|变化后的窗口的大小,单位为 px ,{windowWidth,windowHeight}|
**代码示例** **代码示例**
```javascript ```javascript
const windowResizeCallback = (res) => { const windowResizeCallback = (res) => {
console.log('变化后的窗口宽度=' + res.size.windowWidth) console.log('变化后的窗口宽度=' + res.size.windowWidth)
console.log('变化后的窗口高度=' + res.size.windowHeight) console.log('变化后的窗口高度=' + res.size.windowHeight)
} }
uni.onWindowResize(windowResizeCallback) uni.onWindowResize(windowResizeCallback)
``` ```
**TIPS** **TIPS**
- 如App端设置软键盘弹出方式为adjustResize ,则在键盘弹出时,会触发此事件。 - 如App端设置软键盘弹出方式为adjustResize ,则在键盘弹出时,会触发此事件。
- 横竖屏切换时,会触发此事件。 - 横竖屏切换时,会触发此事件。
### uni.offWindowResize(CALLBACK) ### uni.offWindowResize(CALLBACK)
取消监听窗口尺寸变化事件 取消监听窗口尺寸变化事件
> 1.6.0 新增 > 1.6.0 新增
平台差异说明 平台差异说明
|App|H5|微信小程序|支付宝小程序|百度小程序|字节跳动小程序|飞书小程序| |App|H5|微信小程序|支付宝小程序|百度小程序|字节跳动小程序|飞书小程序|
|:-:|:-:|:-:|:-:|:-:|:-:|:-:| |:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|√|√|√|x|x|x|√| |√|√|√|x|x|x|√|
**Tips** **Tips**
- `CALLBACK`为调用`uni.onWindowResize`时传入的`CALLBACK` - `CALLBACK`为调用`uni.onWindowResize`时传入的`CALLBACK`
**代码示例** **代码示例**
```javascript ```javascript
uni.offWindowResize(windowResizeCallback) uni.offWindowResize(windowResizeCallback)
``` ```
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册