I've really tried hard to get an answer in the general vue community. It seems theres issues running @change within the FFDB2 implementation of vue. I want to input a json containing n number of tasks. I want to change a tasks status. I want to out put that status with the tasks id. The input js…

[image] Waz: I want to out put that status with the tasks id. This seems to work for me <template> <v-app> <v-container> <div v-for="task in msg.payload.tasks" :key="task.id"> <v-select v-model="task.status" :label="task.name" :items="['Not Started', 'Started', …

I've noticed though that it sends the existing value and not the new selected value. I'll look at it again in the morning with fresh eyes and brain.

[image] Waz: It seems theres issues running @change within the FFDB2 implementation of vue. It's not linked to our implementation of it, it's linked to Vuetify inconsistently implementing it in their widgets. @update:model-value is a far more reliable technique here to react to any changes. …

Thanks Joe, I mean no offence with the vue implementation. It's really a simple CRUD op that i'm trying to achieve here. A payload from a database api call in a HTTP Request node injects the payload when the list is loaded. When I update a v-select dropdown, I then send that back to the database. …

@UnborN was correct. That solution is working. Where I had it wrong was calling: v-for="task in msg.payload" Instead of: v-for="task in msg.payload.tasks" Flow sample: [{"id":"da7c3035a6cd5d80","type":"tab","label":"Testing","disabled":false,"info":"","env":[]},{"id":"6abf6894425f5049","type":…

Node-RED

Node-RED Forum

Iterate on a list and output the id

Dashboard

joepavitt 23 February 2024 08:35 8

Just to check, that's working with the @update:model-value too?

Topic		Replies	Views
Listen to input on dashboard 2 ui-template Dashboard dashboard-2	9	399	1 March 2024
In D2 ui-template can't get @update:modelValue to work in v-select Dashboard dashboard-2	7	212	11 March 2024
Send data to vuetify element Dashboard node-red-dashboard , flowfuse	2	203	20 June 2024
Dashboard 2 radio group Dashboard dashboard-2	21	392	2 August 2024
Pass array from inject to vue component Dashboard	3	147	6 March 2024

Copyright OpenJS Foundation and Node-RED contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.

Iterate on a list and output the id

Related topics