In dashboard 2.0, a month-picker was created in template node via vue.js. At this time, I try to transfer the selected month(clicked) to the next node in msg, but the value is not delivered.
[
{
"id": "bc1421233050ca07",
"type": "ui-template",
"z": "53c7c787661b774e",
"group": "e7f9652ed7551a4e",
"page": "",
"ui": "",
"name": "",
"order": 1,
"width": "3",
"height": "3",
"head": "",
"format": "<template>\n <v-row justify=\"center\">\n <v-date-picker\n v-model=\"date\"\n type=\"month\"\n class=\"mt-4\"\n min=\"2000-01\"\n max=\"2099-12\"\n @change=\"sendDate\"\n ></v-date-picker>\n </v-row>\n</template>\n\n<script>\nexport default {\n data() {\n return {\n date: '2024-01',\n }\n },\n methods: {\n sendDate(value) {\n const year = value.substring(0, 4);\n const month = value.substring(5, 7);\n this.msg.payload = { year: year, month: month };\n\n // Include the year and month in the message payload\n this.$socket.emit('message', {\n _client: {\n socketId: this.$socket.id,\n },\n payload: this.msg.payload,\n });\n },\n },\n}\n</script>\n",
"storeOutMessages": true,
"passthru": true,
"resendOnRefresh": true,
"templateScope": "local",
"className": "",
"x": 800,
"y": 960,
"wires": [
[
"601613d1bf7105f6"
]
]
},
{
"id": "601613d1bf7105f6",
"type": "debug",
"z": "53c7c787661b774e",
"name": "debug 182",
"active": true,
"tosidebar": true,
"console": true,
"tostatus": true,
"complete": "true",
"targetType": "full",
"statusVal": "payload",
"statusType": "auto",
"x": 1010,
"y": 960,
"wires": []
},
{
"id": "e7f9652ed7551a4e",
"type": "ui-group",
"name": "Day",
"page": "062c796f176df548",
"width": "10",
"height": "1",
"order": 9,
"showTitle": false,
"className": "monitoring",
"visible": "true",
"disabled": "false"
},
{
"id": "062c796f176df548",
"type": "ui-page",
"name": "Dashboard",
"ui": "e20d369367cae77f",
"path": "/pageN",
"icon": "home",
"layout": "grid",
"theme": "42bb5152f64cd1e0",
"order": -1,
"className": "",
"visible": "true",
"disabled": "false"
},
{
"id": "e20d369367cae77f",
"type": "ui-base",
"name": "My Dashboard",
"path": "/dashboard",
"includeClientData": true,
"acceptsClientConfig": [
"ui-notification",
"ui-control"
],
"showPathInSidebar": false,
"navigationStyle": "default"
},
{
"id": "42bb5152f64cd1e0",
"type": "ui-theme",
"name": "NJ",
"colors": {
"surface": "#ffffff",
"primary": "#393e46",
"bgPage": "#eeeeee",
"groupBg": "#ffffff",
"groupOutline": "#cccccc"
},
"sizes": {
"pagePadding": "8px",
"groupGap": "8px",
"groupBorderRadius": "4px",
"widgetGap": "4px"
}
}
]
