# Dashboard 2 - VUE \<v-color-picker\>

**URL:** https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [5 October 2024 21:54 UTC](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188 "2024-10-05T21:54:30Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![pcpaulo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/pcpaulo/32/2971_2.png) [@pcpaulo](https://discourse.nodered.org/u/pcpaulo)
#### Post date: [5 October 2024 21:54 UTC](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188/1 "2024-10-05T21:54:31Z")

</div>

I'm trying to use VUE to get the color, the routine described below, my doubt is that I can't make VUE deliver the color code, I tried @input and @change and in neither case did it enter the output routine

[vuecolor.json](https://discourse.nodered.org/uploads/short-url/xQoayTJOOtPoinhtHQE90VRdkoi.json) (4.8 KB)

 .v-color-picker { background-color: #4F4F4F; /\* Cor de fundo fixa \*/ max-width: 300px; border-radius: 20px !important; color: #FFFFFF !important; font-color: #FFFFFF !important; margin: auto; }

Any suggestion how i can get the color information? Tx

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [5 October 2024 22:17 UTC](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188/2 "2024-10-05T22:17:00Z")

</div>

According to vuetify docs [Color picker component — Vuetify](https://vuetifyjs.com/en/components/color-pickers/#mode)

> The v-color-picker uses the `v-model` prop to control the color displayed.

So bind that to a data `color` property & maybe use a watch on `color` to `send({payload: this.color})`

---

<div class="post-metadata">

### Author: ![pcpaulo](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/pcpaulo/32/2971_2.png) [@pcpaulo](https://discourse.nodered.org/u/pcpaulo)
#### Post date: [6 October 2024 02:51 UTC](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188/3 "2024-10-06T02:51:26Z")

</div>

worked, thanks

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [20 October 2024 02:52 UTC](https://discourse.nodered.org/t/dashboard-2-vue-v-color-picker/92188/4 "2024-10-20T02:52:00Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.