更新时间：2023-02-09 GMT+08:00
事件处理效果预览
“事件”是指用户在客户端查看智能短信时，通过与子组件交互可完成的客户端操作。比如手机用户点击短信中的“进入官网”按钮，即可访问官网。
如您需要在预览模板时查询模板绑定的事件处理效果，这一需求可通过调用PreviewService函数统一处理事件来实现。目前item元素支持表1中列举的12种事件类型，您可根据实际情况给组件赋予事件类型。
目前PreviewService函数仅可处理OPEN_APP（仅支持移动端，在非移动端操作会有弹窗提示）、OPEN_BROWSER、OPEN_URL事件，VIEW_PIC事件需在app-preview-image中单独处理。
模板预览事件类型
事件类型 | ActionTypes枚举值 |
|---|---|
查看大图 | VIEW_PIC ='VIEW_PIC' |
打开URL | OPEN_URL ='OPEN_URL' |
打开浏览器 | OPEN_BROWSER ='OPEN_BROWSER' |
复制参数 | COPY_PARAMETER ='COPY_PARAMETER' |
打开APP | OPEN_APP ='OPEN_APP' |
打开地图 | OPEN_MAP ='OPEN_MAP' |
拨打电话 | DIAL_PHONE ='DIAL_PHONE' |
打开快应用 | OPEN_QUICK ='OPEN_QUICK' |
打开短信 | OPEN_SMS ='OPEN_SMS' |
打开日程表 | OPEN_SCHEDULE ='OPEN_SCHEDULE' |
打开邮箱 | OPEN_EMAIL ='OPEN_EMAIL' |
打开弹窗 | OPEN_POPUP ='OPEN_POPUP' |
PreviewService函数调用示例
import { ActionTypes };
export PreviewService {
emit($event) {
const { action, target } = $event;
switch (action) {
case ActionTypes.OPEN_APP:
if (target) {
this.alert (`你要打开的app地址为${target},请在移动端进行此操作`);
}
break;
case ActionTypes.OPEN_BROWSER:
case ActionTypes.OPEN_URL:
location.href = target;
break;
default:
break;
}
}
} 父主题：子组件开发
