Блог

Поэтому я пытался использовать палитру цветов hexa mode vuetify вот так:

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

И я не могу понять, как отключить ползунок непрозрачности, я хочу иметь возможность сохранить ползунок цвета без ползунка непрозрачности. Таким образом, при вводе пользователь видит цвет как #FF0000 (7 цифр), а не #FF0000FF (9 цифр).

hide-sliders Реквизит скрывает их оба (цвет и непрозрачность), и для ползунка непрозрачности нет определенного.

Итак, в основном я выяснил, что если я введу свое v-model значение с помощью объекта, содержащего только hex реквизит, средство выбора цвета скроет ползунок непрозрачности, а значение цвета будет отображаться с 7 цифрами:

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