Improve button handling - add ID and show event object

TotallyInformation · Nov 21, 2019 · 1e90e7a · 1e90e7a
1 parent 22aa02d
commit 1e90e7a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/nodes/templates/vue/index.html b/nodes/templates/vue/index.html
@@ -78,7 +78,7 @@ <h2>Simple input using Vue</h2>
                     <b-form-checkbox v-model="inputChkBox">
                         To tick or not to tick? That is the question
                     </b-form-checkbox><br>
-                    <b-button pill variant="primary" v-on:click="increment">Increment</b-button>
+                    <b-button id="btn_increment" pill variant="primary" v-on:click="increment">Increment</b-button>
                         &nbsp;&nbsp;Click Counter: <b>{{counterBtn}}</b>.
                     <p>Click on the button to increment the counter. It sends the data dynamically back to Node-RED as well.</p>
                 </p>

diff --git a/nodes/templates/vue/index.js b/nodes/templates/vue/index.js
@@ -67,7 +67,9 @@ var app1 = new Vue({
         },
     }, // --- End of computed --- //
     methods: {
-        increment: function() {
+        increment: function(event) {
+            console.log('Button Pressed. Event DatA: ', event)
+
             // Increment the count by one
             this.counterBtn = this.counterBtn + 1
             var topic = this.msgRecvd.topic || 'uibuilder/vue'
@@ -80,6 +82,7 @@ var app1 = new Vue({
                     'inputChkBox': this.inputChkBox
                 }
             } )
+
         }, // --- End of increment --- //
 
         // return formatted HTML version of JSON object