A simple and beautiful Vue 3 chat component backend agnostic, fully customisable and extendable. - Sitronik/vue3-beautiful-chat
3. 配置vue-beautiful-chat插件的参数 vue-beautiful-chat插件提供了多种配置选项,你可以根据自己的需求进行配置。以下是一个配置示例: javascript export default { data() { return { chatConfig: { user: { avatar: 'path/to/your/avatar.jpg', // 用户头像路径 name: 'Your Name' // 用户名 }, messa...
{id:'user2',name:'Support',imageUrl:'https://avatars3.githubusercontent.com/u/37018832?s=200&v=4'} ],// the list of all the participant of the conversation. `name` is the user name, `id` is used to establish the author of a message, `imageUrl` is supposed to be the user ...
{id:'user1',name:'Matteo',imageUrl:'https://avatars3.githubusercontent.com/u/1915989?s=230&v=4'},{id:'user2',name:'Support',imageUrl:'https://avatars3.githubusercontent.com/u/37018832?s=200&v=4'}],// the list of all the participant of the conversation. `name` is the user...
A simple and beautiful Vue 3 chat component backend agnostic, fully customisable and extendable. - Updates layout for uploaded file (#9) · Sitronik/vue3-beautiful-chat@998de2d
ymli 提交于 3年前 . 增加下拉刷新 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 { "name": "vue-beautiful-chat", "version": "2.5.0", "description": "A simple and beautiful Vue chat component backend agnostic.", "main": "./...
$ yarn add vue-beautiful-chat Example importChatfrom'vue-beautiful-chat'Vue.use(Chat) JavaScript <template><beautiful-chat:agentProfile="agentProfile":onMessageWasSent="onMessageWasSent":messageList="messageList":newMessagesCount="newMessagesCount":isOpen="isChatOpen":close="closeChat":open="openC...
{id:'user1',name:'Matteo',imageUrl:'https://avatars3.githubusercontent.com/u/1915989?s=230&v=4'},{id:'user2',name:'Support',imageUrl:'https://avatars3.githubusercontent.com/u/37018832?s=200&v=4'}],// the list of all the participant of the conversation. `name` is the user...
{id:'user2',name:'Support',imageUrl:'https://avatars3.githubusercontent.com/u/37018832?s=200&v=4'} ],// the list of all the participant of the conversation. `name` is the user name, `id` is used to establish the author of a message, `imageUrl` is supposed to be the user ...
export default { name: 'app', data() { return { participants: [ { id: 'user1', name: 'Matteo', imageUrl: 'https://avatars3.githubusercontent.com/u/1915989?s=230&v=4' }, { id: 'user2', name: 'Support', imageUrl: 'https://avatars3.githubusercontent.com/u/37018832?s=200&...