1.0.5 • Published 3 years ago
vue3-editor-chat v1.0.5
Views
install
You can use Yarn or NPM
npm install vue3-editor-chatOR
yarn add vue3-editor-chatUsage
import { Vue3EditorChat } from 'vue3-editor-chat';
import 'vue3-editor-chat/vue3-editor-chat.css';Props
| Name | Type | Default | Description |
|---|---|---|---|
| limit | Number | 3 | 上传文件数量限制 |
| multiple | Boolean | false | 文件是否多选 |
| accept | String | 文件接受类型 |
Methods
| Name | Params | Description |
|---|---|---|
| clearFiles | 清除上传文件列表 | |
| addMessage | 输入框插入HTML格式内容 |
Events
| Name | Params | Description |
|---|---|---|
| sendMessage | message,fileList | 发送消息按钮事件 |
Slots
| Name | Params | Description |
|---|---|---|
| header | 上方工具栏 | |
| footer | 下方按钮栏 |
Examples
<template>
<div>
<Vue3EditorChat :limit="3" />
</div>
</template>
<script setup>
import { Vue3EditorChat } from 'vue3-editor-chat';
import 'vue3-editor-chat/vue3-editor-chat.css';
</script>
<style lang="scss" scoped></style>