未验证 提交 9c5834b1 编写于 作者: J jxtian 提交者: GitHub

Update media-query-observer.md

上级 cd2f67a3
...@@ -17,7 +17,7 @@ MediaQueryObserver 对象,用于监听页面 media query 状态的变化,如 ...@@ -17,7 +17,7 @@ MediaQueryObserver 对象,用于监听页面 media query 状态的变化,如
### MediaQueryObserver 对象的方法列表 ### MediaQueryObserver 对象的方法列表
|方法|说明|平台差异| |方法|说明|
|:-|:-|:-| |:-|:-|:-|
|MediaQueryObserver.observe(Object descriptor, function callback)|开始监听页面 media query 变化情况| |MediaQueryObserver.observe(Object descriptor, function callback)|开始监听页面 media query 变化情况|
|MediaQueryObserver.disconnect()|停止监听,回调函数将不再触发| |MediaQueryObserver.disconnect()|停止监听,回调函数将不再触发|
...@@ -59,12 +59,13 @@ MediaQueryObserver 对象,用于监听页面 media query 状态的变化,如 ...@@ -59,12 +59,13 @@ MediaQueryObserver 对象,用于监听页面 media query 状态的变化,如
</template> </template>
<script> <script>
let landscapeObs, interObs let landscapeObs
export default { export default {
data() { data() {
return { return {
matches: false, matches: false,
landscape: false, landscape: false,
mediaQueryOb: null
} }
}, },
onLoad() { onLoad() {
...@@ -95,8 +96,8 @@ MediaQueryObserver 对象,用于监听页面 media query 状态的变化,如 ...@@ -95,8 +96,8 @@ MediaQueryObserver 对象,用于监听页面 media query 状态的变化,如
this.landscape = matches this.landscape = matches
}) })
}, },
remove() { destroyed () {
this.mediaQueryOb.disconnect() this.mediaQueryOb.disconnect() //组件销毁时停止监听
landscapeObs.disconnect() landscapeObs.disconnect()
} }
} }
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册