文档中心 > 店铺动态卡片-开发指引

说明:本文档适用于小部件3.0。


一、概述


生命周期函数


事件类型

支持情况

说明

onInit

支持

组件生命周期函数,组件创建时触发

didMount

支持

组件生命周期函数,组件创建完毕时触发

didUpdate

支持

组件生命周期函数,组件更新完毕时触发

didUnmount

支持

组件生命周期函数,组件删除时触发


事件方法


事件类型

支持情况

说明

my.onAppShow

支持

小部件切前台事件监听

my.onAppHide

支持

小部件切后台事件监听

my.onAppear

支持

小部件模块出现

my.onDisappear

支持

小部件模块消失在屏幕时触发


二、onInit


组件生命周期函数,组件创建时触发。


Component({
  onInit() {
  },
});


三、didMount


组件生命周期函数,组件创建完毕时触发。


Component({
  didMount() {
  },
});


四、didUpdate


组件生命周期函数,组件更新完毕时触发。


Component({
  didUpdate() {
  },
});


五、didUnmount


组件生命周期函数,组件删除时触发。


Component({
  didUnmount() {
  },
});


六、my.onAppShow


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

10.5.0


1)小部件切前台事件监听;

2)触发时机:

①手淘切换到前台触发;

②页面跳转后返回触发;

3)建议在didMount方法里调用。


2.入参


名称

类型

必选

说明

callback

Function

触发生命周期时响应的回调


3.示例


didMount() {
 my.onAppShow(
    function(){
     console.log('onAppShow');
    }
  );
}


七、my.onAppHide


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

10.5.0


1)小部件切后台事件监听;

2)触发时机:

①手淘切换到后台触发;

②页面跳转触发;

3)建议在didMount方法里调用。


2.入参


名称

类型

必选

说明

callback

Function

触发生命周期时响应的回调


3.示例


didMount() {
 my.onAppHide(
    function(){
     console.log('onAppHide');
    }
  );
}


八、my.onAppear


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

10.5.0


1)小部件模块出现;

2)触发时机:

①小部件模块出现;

②页面回退时触发;

3)建议在didMount方法里调用。


2.入参


名称

类型

必选

说明

callback

Function

触发生命周期时响应的回调


3.示例


didMount() {
 my.onAppear(
    function(){
     console.log('onAppHide');
    }
  );
}


九、my.onDisappear


1.基本说明


支持设备

命名空间

最低手淘版本

iOS android

my

10.5.0


1)小部件模块消失在屏幕时触发;

2)触发时机:

①滑动出屏幕;

②页面栈离开屏幕;

3)建议在didMount方法里调用。


2.入参


名称

类型

必选

说明

callback

Function

触发生命周期时响应的回调


3.示例


didMount() {
 my.onDisappear(
    function(){
     console.log('onAppHide');
    }
  );
}



FAQ

关于此文档暂时还没有FAQ
返回
顶部