uibuilder + Vue v2 + bootstrap-vue

Using the uibuilder IIFE library.

This is a uibuilder example using Vue.js as a front-end library. See the node-red-contrib-uibuilder README for details on how to use UIbuilder.

Simple input using Vue

Simplest possible way of getting event information back to Node-RED using a uibuilder helper function. The method works with any DOM event. Demonstrated here with a simple button click.

Send Something To Node-RED

You can also very simply create a form like this using Vue & bootstrap-vue. The form sends data back to Node-RED. Look at the increment method in index.js to see how easy this is.


To tick or not to tick? That is the question
Increment   Click Counter: {{counterBtn}}.

Click on the button to increment the counter. It sends the data dynamically back to Node-RED as well. The data includes all of the form inputs.