Dash Plotly共享两个页面的回调输入

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

# 第一个页面的布局
page1_layout = html.Div([
    dcc.Input(id='input1', type='text', placeholder='输入内容'),
    html.Div(id='output1')
])

# 第二个页面的布局
page2_layout = html.Div([
    dcc.Input(id='input2', type='text', placeholder='输入内容'),
    html.Div(id='output2')
])

# 回调函数，将第一个页面的输入与第二个页面的输出进行关联
@app.callback(
    Output('output2', 'children'),
    [Input('input1', 'value')]
)
def update_output(input1_value):
    # 根据输入值进行处理
    output_value = input1_value.upper()
    return output_value

app.layout = html.Div([
    dcc.Tabs(id='tabs', value='page1', children=[
        dcc.Tab(label='页面1', value='page1'),
        dcc.Tab(label='页面2', value='page2')
    ]),
    html.Div(id='page-content')
])

# 根据选中的标签页显示相应的页面
@app.callback(
    Output('page-content', 'children'),
    [Input('tabs', 'value')]
)
def render_page(tab):
    if tab == 'page1':
        return page1_layout
    elif tab == 'page2':
        return page2_layout

if __name__ == '__main__':
    app.run_server(debug=True)