更新记录

v1.0.0(2024-10-24) 下载此版本

第一次更新,使用问题请在下方留言


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.0 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × ×

xe-event-source

说明

H5及APP(vue)中使用EventSource (sse)

使用

Attributes

参数 说明 类型 默认值
url 接口地址 string
options 请求配置 object {}

Events

事件名 说明 参数
callback 接收数据 { type, msg, data }

callback type

参数 说明
tip 返回校验信息
onopen
onmessage
onclose
onerror

示例

<ak-event-source ref="EventSourceRef" :url="eventSourceUrl" :options="eventSourceOptions"
            @callback="handleCallback"></ak-event-source>
...
data() {
  return {
    inputContent: "What is the weather like today?",
    outputContent: ""
  }
},
computed: {
  // 接口地址
  eventSourceUrl() {
    return "";
  },
  // 请求配置
  eventSourceOptions({ inputContent }) {
    return {
      headers: {
        Authorization: "Bearer xxxxxxxxxxxxxxxx"
      },
      method: "POST",
      body: JSON.stringify({
        msg: inputContent
      })
    }
  }
},
methods: {
  // 发送请求
  handleClick() {
    if (!this.inputContent) return;
    this.outputContent = "";
    this.$refs.EventSourceRef.send();
  },
  // 接收数据
  handleCallback(e) {
    const { type, msg, data } = e || {};
    console.log(type, msg, (data || ""));
    if (type !== "onmessage") return;
    // TODO...
  }
}
...

隐私、权限声明

1. 本插件需要申请的系统权限列表:

无需申请任何权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问