About front-end and back-end data updates

[ZzZuf]

Dear trame and vuetify experts,
I am new at trame and vuetify and I need some help with a VDataTable component.
I need to display the model's length, width and height information in the front-end interface, and I choose to use the VDataTable component. But now the problem I encounter is that when my model changes, its length, width and height information cannot be updated correctly, and it always maintains the initial value.

Here ispart of my code, thank you very much!

class MyWeb3dPrintAPP:
    def __init__(self, server=None):
        if server is None:
            server = get_server()
        self.server = server
        self.state = server.state
        self.state.trame__title = "Web 3D Printing"
        self.ctrl = server.controller

        self.Initialze()  
        self.H = 0.0  # The default initial value of length, width and height is 0
        self.L = 0.0
        self.W = 0.0

        self.key = [{'text': '长', 'value': '长'}, {'text': '宽', 'value': '宽'}, {'text': '高', 'value': '高'}]
        self.value = [{'长': self.L, '宽': self.W, '高': self.H}]
        self.table2 = {
            "headers": ("key", self.key),
            "items": ("value", self.value),
             "classes": "elevation-1 ma-4",
             "multi_sort": True,
             "dense": True,
             "show_select": False,
             "single_select": False,
             "item_key": "id",
        }
      ##When the size of the model changes, the function is called to recreate Table2
       def showinformation(self):
        if len(self.actor_list) == 0:  
            self.H = 0.0
            self.L = 0.0
            self.W = 0.0
            return
        else:
            bounds = [0.0] * 6
            m_inpolydata = self.polydata_list[-1]
            m_inpolydata.GetBounds(bounds)
            self.L = bounds[1] - bounds[0]
            self.W = bounds[3] - bounds[2]
            self.H = bounds[5] - bounds[4]

            self.key = [{'text': '长', 'value': '长'}, {'text': '宽', 'value': '宽'}, {'text': '高', 'value': '高'}]
            self.value = [{'长': self.L, '宽': self.W, '高': self.H}]
            self.table2 = {
                "headers": ("key", self.key),
                "items": ("value", self.value),
                "classes": "elevation-1 ma-4",
                "multi_sort": True,
                "dense": True,
                "show_select": False,
                "single_select": False,
                "item_key": "id",
            }
            self.ctrl.view_update()
            self.ctrl.view_reset_camera()
            return self.key, self.value
class StateData:
    @staticmethod
    @app.state.change("apptable2")
    def update_apptable2(**kwargs):
        app.state.key, app.state.value = app.showinformation()
        app.table2 = {
            "headers": ("key", app.state.key),
            "items": ("value", app.state.value),
            "classes": "elevation-1 ma-4",
            "multi_sort": True,
            "dense": True,
            "show_select": False,
            "single_select": False,
            "item_key": "id",
        }
class Dialog:
    @staticmethod
    def showinfo_dialog():  
        app.state.showinfo_dialog = not app.state.showinfo_dialog
class CardPipline:
     @staticmethod
    def showinfo_card():
        with vuetify.VDialog(fullscreen=False, v_model=("showinfo_dialog", False)):
            with vuetify.VCard():
                vuetify.VCardTitle(
                    "模型信息",
                    classes="grey lighten-1 py-1 grey--text text--darken-3",
                    style="user-select: none; cursor: pointer",
                    hide_details=True,
                    dense=True,
                )
                with vuetify.VRow(
                        class_='justify-center'  
                ):
                    with vuetify.VCol(cols=6):
                        vuetify.VDataTable(**app.table2)
      ......
             with vuetify.VTooltip(botton=True, location="top", bottom=True):
            with vuetify.Template(v_slot_activator="{ on, attrs }"):
                with vuetify.VBtn(color="primary", icon=True, v_bind="attrs", v_on="on", click=Dialog.showinfo_dialog):
                    vuetify.VIcon("mdi-information")
            html.Span("模型信息")
        vuetify.VDivider(vertical=True, classes="mx-2")  

[jourdain]

Just need to call

self.state.value = self.value

[ZzZuf]

Problem solved, thanks for your help！