meidaqueryobservers 概览
若版本较低或需要适配多个客户端,建议采取 兼容处理 。
基础库 2.8.2 或更高版本;
支小宝客户端 不支持
安诊儿客户端 不支持
主体: 企业支付宝小程序 、 个人支付宝小程序
mediaqueryobserver 对象,用于监听页面 media query 状态的变化,如界面的长宽是不是在某个指定的范围内。
方法
名称 | 类型 | 功能说明 |
---|---|---|
mediaqueryobserver.observe | function | 开始监听页面 media query 变化情况。 |
mediaqueryobserver.disconnect | function | 停止监听。 |
mediaqueryobservers()
component({
didmount() {
const mediaqueryobserver = this.createmediaqueryobserver();
mediaqueryobserver.observe(
{minwidth: 100},
res => {
console.log(res.matches);
}
);
// mediaqueryobserver.disconnect();
}
})