页面加载时获取旧值而非最新值：Dash Python 问题求助

问题原因 #

你当前的代码中，metric和TextInput组件的初始value是在Dash应用启动时调用get_price()生成的。只要服务器没有重启，后续刷新页面时，这些组件会直接复用启动时的旧值，不会重新读取文件中的最新数据——因为布局组件的初始渲染逻辑仅在服务器启动时执行一次。

解决方案 #

通过添加页面加载触发的回调，让每次页面刷新时都主动读取文件中的最新值，同时整合按钮点击的更新逻辑，确保组件值始终与文件同步。

步骤1：添加dcc.Location组件

该组件可以捕获页面URL的变化，页面刷新时pathname属性会触发回调：

from dash import dcc

# 在你的布局中添加以下组件
dcc.Location(id='url', refresh=False),

步骤2：修改回调逻辑

整合页面加载和按钮点击的触发事件，统一更新两个组件的值：

from dash import callback_context

@callback(
    [Output("selected_price", "value"), Output("price", "value")],
    [Input("apply_button", "n_clicks"), Input("url", "pathname")],
    State("price", "value"),
    prevent_initial_call=False,  # 确保页面首次加载时就触发回调
)
def sync_price_with_file(n_clicks, pathname, input_price):
    ctx = callback_context
    # 判断当前触发回调的事件源
    trigger_source = ctx.triggered[0]['prop_id'].split('.')[0]
    
    # 如果是按钮点击事件，先保存新值到文件
    if trigger_source == "apply_button" and n_clicks:
        set_price(price=float(input_price))
    
    # 读取文件中的最新价格，更新两个组件
    latest_price = get_price()
    return latest_price, latest_price

步骤3：调整组件初始值（可选但推荐）

将组件的初始value设为None，避免依赖服务器启动时的旧值，确保完全由回调控制组件内容：

metric(
    id="selected_price",
    value=None,
),

dmc.TextInput(
    id="price",
    value=None,
),

原理说明 #

• 页面刷新时，dcc.Location的pathname属性会触发回调，主动调用get_price()读取文件最新值并更新组件。
• 按钮点击时，先执行保存逻辑，再读取最新值返回，保证组件始终显示文件中的当前数据。

内容的提问来源于stack exchange，提问作者Yosra MH