图标 用例 API 示例 材料设计 Font Awesome 颜色 按钮 可点击 MDI SVG 图标 v-icon 组件提供了大量字形，以提供应用程序各个方面的上下文。 有关所有可用图标的列表，请访问官方 Material Design Icons 页面。 要使用任何这些图标，只需使用 mdi- 前缀，后跟图标名称即可。 ...

纸片组 用例 API 示例 列 必填项 多选 牙刷卡片 衬衫产品卡片 过滤结果 纸片组 v-chip-group 通过提供可添加的功能来添加 v-chip 组件。它用于使用纸片创建选择组。 用例 纸片组使用户可以方便地为更复杂的实现选择过滤选项。默认情况下，v-chip-group 将向右溢出，但可以更改为 column...

窗口 用例 API 实战场 示例 垂直 反转 入职 帐户创建 窗口 v-window 组件提供将内容从一个窗口转换到另一个窗口的基础功能。其他组件，如 v-tabs , v-carousel 和 v-stepper 在它们的核心中利用了这个组件。 用例 v-window 被设计成可以轻松地循环浏览内容，它提供了一个简单的...

分页 用例 API 实战场 示例 长的 限制 圆形 图标 禁用 分页 v-pagination 组件用于分离长数据集，以便用户更容易地使用信息。根据提供的长度，分页组件将自动伸缩。要维护当前页面，只需提供一个 v-model 属性。 用例 默认情况下，分页显示基于设置的 length 属性的页面数，并带有 prev 和...

评分 用例 API 实战场 示例 大小变量 色彩 自定义长度 增量 插槽 卡片评分 高级用法 评分 评级组件是构建用户小部件时的专门但至关重要的部分。 通过评级收集用户反馈是一种简单的分析，可以为您的产品或应用程序提供大量反馈。 用例 v-rating 组件提供了一个用于收集用户反馈的简单接口。 template sc...

分割线 用例 API 实战场 示例 嵌入式分隔线 垂直分割线 垂直的嵌入式分割线 分隔线和副标题 人像视图中的分隔符 无障碍 分割线 v-divider 组件用于分隔列表或布局的各个部分。 用例 最简单的分隔线显示一条水平线。 template <template> <v-divider></v-divid...

触控支持 用例 API 触控支持 v-touch 指令允许你捕获滑动手势并应用定向回调。 用例 在一个移动设备上，尝试向各个方向滑动。 template script <template> <v-row v-touch = "{ left: () => swipe('Left'), ...

图像 用例 API 示例 包含和覆盖 高度 固定比例 占位符 渐变 栅格 图像 v-img 组件包含支持丰富媒体的功能。与 vuetify-loader 结合使用，您可以添加动态渐进图像以提供更好的用户体验。 v-img 组件使用 v-intersect 指令，该指令要求 IE11和 Safari 使用 Polyfill ...

滑块 用例 API 实战场 示例 最小值和最大值 禁用 只读 图标 垂直滑块 拇指 反向标签 自定义范围滑块 刻度线 自定义颜色 范围 验证 插槽 滑块 v-slider 组件是数字输入的更好的可视化，它用于收集数字用户数据。 用例 滑块沿着条形图反映一系列值，用户可以从中选择单个值。 它们是调整设置的理想选择...

简单的表格 用例 API 实战场 示例 固定高度 固定标题 密集表格 暗黑主题 简单的表格 v-simple-table 组件是围绕 <table> 元素的简单包装器组件。 在组件内部，您可以使用所有常规表格元素，例如 <thead> , <tbody> , <tr> 等。 用例 简单的表格是一个围绕着 <table> ...