File: README.md

package info (click to toggle)
python-trame 3.12.0-1
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 101,620 kB
  • sloc: python: 13,515; sh: 183; javascript: 93; makefile: 7
file content (34 lines) | stat: -rw-r--r-- 1,003 bytes parent folder | download
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
27
28
29
30
31
32
33
34
# Vuetify based examples

This directory gather several examples involving in various way the vuetify module.

## Dataframe to table

This example illustrates how Vuetify tables can easily display tabular data from sources like a Pandas dataframe.

![Tables Example](../../docs//vitepress/assets/images/examples/Table.jpg)

## Menu

This example illustrates how to implement a dropdown menu in vuetify using `v-slot:activator` with `v-bind` and `v-on` like this one:

```html
<template>
  <v-menu>
    <template v-slot:activator="{ on, attrs }">
      <v-btn v-bind="attrs" v-on="on"> Dropdown </v-btn>
    </template>
    <v-list>
      <v-list-item v-for="(item, index) in items" :key="index">
        <v-list-item-title>{{ item.title }}</v-list-item-title>
      </v-list-item>
    </v-list>
  </v-menu>
</template>
```

And demonstrate how to pass variables from Vue to a Python method.

## Router

This example make usage of various vuetify widgets in a context of routes and several page content.