# 颜色选择器 (Color pickers)
v-color-picker 允许你使用各种输入方法来选择颜色。
# 使用
# API
# 示例
# 属性
# 画布
可以使用 hide-canvas 属性隐藏画布，也可以使用 canvas-height 属性设置其高度。 选择点的大小可以用 dot-size 属性来控制。
# 海拔
使用 elevation 或 flat 属性调整 v-color-picker 组件的海拔。 设置 flat 相当于将 elevation 设置为0。
# 输入
数字输入可以用 hide-inputs 属性隐藏，滑块可以用 hide-sliders 属性隐藏。 你也可以使用 hide-mode-switch 属性隐藏模式切换图标。 模式也可以通过 mode 属性进行外部控制。
# 模型
v-color-picker 使用 v-model 属性来控制显示的颜色。 它支持十六进制字符串，如 #FF00FF 和 #FF00FF00，以及表示 RGBA、HSLA 和 HSVA 值的对象。
# 色板
使用 show-swatches 属性，你可以显示一个色板供用户选择。 也可以使用 swatches 属性自定义显示什么颜色。 该属性接受一个二维数组，其中第一维定义一列，第二维通过提供 rgba 十六进制字符串定义从上到下的色板。 你也可以使用 swatches-max-height 属性设置色板部分的最大高度。
了解更多？
继续学习由 我们的团队 选择的相关内容，或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新：08/28/2026, 7:52:36 PM