MessageActions

MessageActions 提供复制、重试、编辑和删除等消息操作入口。

导入方式

按需导入

import { MessageActions } from '@weimin96/ai-chat-vue'
import '@weimin96/ai-chat-vue/styles'

完整导入

import * as AiChatVue from '@weimin96/ai-chat-vue'
import '@weimin96/ai-chat-vue/styles'

app.use(AiChatVue)

// 模板中可直接使用 <MessageActions />

基础用法

03:31 PM

<script setup lang="ts">
import { MessageActions } from '@weimin96/ai-chat-vue'
import { sampleMessages } from '../../.vitepress/theme/demo-data'
</script>

<template>
  <MessageActions :message="sampleMessages[1]" :is-user="false" />
</template>

API

属性	类型	默认值	说明
message	Message	必填	当前消息
isUser	boolean	必填	是否为用户消息

事件	说明
retry	触发重试
edit	触发编辑
delete	触发删除

注意事项

复制行为依赖浏览器 Clipboard API。