时间戳

首页 > 解决方案 > 如何在没有不透明度选项的 HEX 模式下使用 Vuetify 颜色选择器（v-color-picker）

vuetify.js - 如何在没有不透明度选项的 HEX 模式下使用 Vuetify 颜色选择器（v-color-picker）

问题描述

所以我一直在尝试像这样使用vuetify 的颜色选择器hexa mode：

      <v-color-picker
        v-model="color"
        mode="hexa"
        hide-mode-switch
        class="mb-4"
      />

而且我不知道如何禁用不透明度滑块，我希望能够在没有不透明度的情况下保留颜色滑块。所以在输入时，用户看到的颜色是#FF0000（7 位）而不是#FF0000FF（9 位）。

道具将hide-sliders它们都隐藏起来（颜色和不透明度），并且不透明度滑块没有特定的。

标签： vuetify.js

解决方案

所以基本上我发现如果我v-model用一个只包含一个hex道具的对象初始化我的值，颜色选择器会隐藏不透明度滑块，颜色值显示为 7 位数字：

mounted() {
  this.color = {
    hex: '#FFF',
  };
},

推荐阅读