文档首页/ 云消息服务 KooMessage/ 开发指南/ 子组件开发/ 事件处理效果预览
更新时间：2023-02-09 GMT+08:00
查看PDF
分享

事件处理效果预览

“事件”是指用户在客户端查看智能短信时，通过与子组件交互可完成的客户端操作。比如手机用户点击短信中的“进入官网”按钮，即可访问官网。

如您需要在预览模板时查询模板绑定的事件处理效果，这一需求可通过调用PreviewService函数统一处理事件来实现。目前item元素支持表1中列举的12种事件类型，您可根据实际情况给组件赋予事件类型。

目前PreviewService函数仅可处理OPEN_APP（仅支持移动端，在非移动端操作会有弹窗提示）、OPEN_BROWSER、OPEN_URL事件，VIEW_PIC事件需在app-preview-image中单独处理。

模板预览事件类型

表1 事件类型及ActionTypes枚举值

事件类型

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;     
     }   
    } 
   }
父主题： 子组件开发

相关文档