How to send msg.payload inside Dashboard Template with vuetify

Dashboard
1

I have a dashboard in Node Red. I have chosen a template from vuetify, which places 3 buttons next to each other. Now I want to send a msg.payload with topic and payload when one of the buttons is pressed.
This is my template

<template>
  <v-container>
    <v-row justify="center">
      <v-col cols="12" sm="6" md="4">
        <v-img
          src="/Bild_Cappuccino.jpg"
          style="max-width: 300px; max-height: 300px; width: 100%; object-fit: cover; object-position: center;"
          alt="Cappuccino"
        ></v-img>
      </v-col>
    </v-row>
    <v-row justify="center">
      <v-col cols="12" sm="6" md="4" class="py-2">
        <p> Kaffeestärke</p>
        <v-btn-toggle
          v-model="text"
          rounded="0"
          color="#F7F7F7"
          group
        >
          <v-btn value="left">
            Schwach
          </v-btn>
          <v-btn value="center">
            Mittel
          </v-btn>
          <v-btn value="right">
            Stark
          </v-btn>
        </v-btn-toggle>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  data () {
    return {
      text: 'center',
      icon: 'justify',
      toggle_none: null,
      toggle_one: 0,
      toggle_exclusive: 2,
      toggle_multiple: [0, 1, 2],
    }
  },
}
</script>
2

Please don’t double post the same question. If no one has answered you then no one has a solution for you. While I should close this thread, I have close the other since you have provided more information.

3

What dashboard

  • node-red-dashboard?
  • @flowfuse/node-red-dashboard?
  • something else?

(provide a link from the library)

4

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