聊天消息 | Quasar 框架 - Quasar 中文

为什么捐赠

API 资源管理器

如何贡献

选项 & 助手

样式 & 标识

布局和网格

Vue 组件

按钮

按钮下拉菜单

圆形进度条

颜色选择器

编辑器 - 所见即所得

浮动操作按钮

表单组件

输入文本框

文件选择器

字段 (包装器)

时间选择器

日期选择器

交叉观察器

线性进度条

列表 & 列表项

禁用服务器端渲染

观察器

大小调整观察器 (用于元素)

滚动观察器

选项卡面板

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI（使用 Vite）

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 实用工具

聊天消息

Quasar 提供了一个名为 QChatMessage 的聊天组件，它实际上是一个聊天条目，用于渲染 props 提供的数据。

提示

要在同一线程中混合带头像和不带头像的消息，请使用占位符头像图像。

用法

基础知识

提示

使用属性 sent 用于聊天消息的发件人。另一方用于接收的消息。

自定义

插槽

清理

警告

如果您不信任来源（如果值来自用户输入），请始终清理值。

发现错误？在浏览器中编辑此页面

1. 简介

2. QChatMessage API

3. 使用

3.1. 基础

3.2. 自定义

3.3. 插槽

3.4. 清理