vuetify in trame

Web
1

How do I convert tooltip in vuetify to trame language

82`87)9ONM~}FAW1N26V}A
82`87)9ONM~}FAW1N26V}A756×414 19.9 KB

)}N1OLE9~QLT2MS2DBCP~XQ
)}N1OLE9~QLT2MS2DBCP~XQ864×111 18.1 KB

This way of writing of mine is problematic, when I run the program, the button disappears, how can I fix it？

2

The outer <template> should be ignored.

You should look at the reference information in the course material

Otherwise, it should be as follow

with vuetify.VTooltip(left=True):
   with vuetify.Template(v_slot_activator="{ on, attrs }"):
     vuetify.VBtn(
       "Left", 
       color="primary", 
       dark=True, 
       v_bind="attrs", 
       v_on="on",
     )
   html.Span("Left tooltip")

Also to validate what you wrote in Python match the expected Vue template, you can take any instance of that template and print it like so.

with vuetify.VTooltip(left=True) as is_valid:
   with vuetify.Template(v_slot_activator="{ on, attrs }"):
     vuetify.VBtn("Left", color="primary", dark=True, v_bind="attrs", v_on="on")
   html.Span("Left tooltip")

   print(is_valid.html)
3

Thanks, the course material is exactly what I need! :grinning:

1 Like