Py.Cafe

maartenbreddels/

solara-vue-events

Visualizing Vue.js Events with Solara2

DocsPricing
  • app.py
  • requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import solara
import json




@solara.component
def Page():
    last_event_data = solara.use_reactive(None)

    def log_event(widget, event, data):
        print(event, )
        last_event_data.value = data

    el = solara.Div(style={"width": "300px", "height": "100px", "background-color": "red"})
    with el:
        solara.Text("click me")
    # the event name from vue https://vuejs.org/guide/essentials/event-handling
    # and similar to normal js/dom event names
    solara.v.use_event(el, "click", log_event)

    if last_event_data.value:
        solara.Text("Event:")
        solara.Preformatted(json.dumps(last_event_data.value, indent=4))