assignment_late
为什么捐赠
travel_explore
API 浏览器
widgets
Vue 组件
Ajax Bar Ajax 进度条
Avatar 头像
Badge 徽标
Banner 横幅
Bar 工具栏
Breadcrumbs 面包屑
Card 卡片
Carousel 轮播
Chat Message 聊天消息
Chip 纸片
Circular Progress 环形进度条
Color Picker 颜色选择器
Dialog 对话框
Editor WYSIWYG 编辑器
Expansion Item 展开项
Floating Action Button 浮动操作按钮
Icon 图标
Img 图片
Infinite Scroll 无限滚动
Inner Loading 内部加载
Intersection 交叉观察
Knob 旋钮
Linear Progress 线性进度条
List & List Items 列表与列表项
Markup Table 标记表格
Menu 菜单
No SSR
Observers 观察者
Pagination 分页
Parallax 视差
Popup Edit 弹出编辑
Popup Proxy 弹出代理
Pull to Refresh 下拉刷新
Rating 评分
Responsive 响应式
Scroll Area 滚动区域
Separator 分隔线
Skeleton 骨架屏
Slide Item 滑动项
Slide Transition 滑动过渡
Space 间隔
Spinners 加载动画
Splitter 分割面板
Stepper 步骤条
Table 表格
Tabs 标签页
Tab Panels 标签面板
Timeline 时间线
Toolbar 工具栏
Tooltip 提示框
Tree 树形控件
Uploader 上传器
Video 视频
Virtual Scroll 虚拟滚动
build
Quasar CLI(Webpack 版)
alternate_email
联系站长
QChip 组件用于显示简短的信息片段,如标签、联系人等复杂底层数据的紧凑表示。
Chip 可以包含头像、文本或图标等元素,也可以配置为可点击、可关闭或可移除。
TIP
也可以看看 QBadge。
用法
无障碍访问 v2.25+
可点击的标签(通过 clickable 属性或 selected model 数据)会将自身暴露为 role="button" 并可通过 Enter 或 Space 激活。只有由 selected model 数据驱动的标签会额外暴露 aria-pressed——普通的操作型标签不声明切换语义。禁用的标签保留其 role(通过 aria-disabled 播报为变暗状态)但会从 Tab 顺序中移除。
removable(可移除)标签的移除图标是一个独立的可键盘操作控件,其名称来自 Quasar 语言包 中本地化的"Remove"标签。该通用名称不会说明具体要移除什么,所以请为每个标签设置 remove-aria-label 来提供上下文——例如"移除标签:Vue"。
Ready for more?
Caught a mistake?Edit this page in browser
Copyright © 2015-present PULSARDEV SRL, Razvan Stoenescu