Plotly Dash 删除元素后自动触发下载的问题如何解决？

问题成因 #

该问题由Dash的状态管理和回调触发逻辑共同导致：

• 你删除卡片时直接修改了上层容器container-body的children属性，会导致所有剩余未被删除的卡片组件全部重新挂载到DOM中
• Dash的组件属性状态统一在服务端维护，组件重挂载时不会重置n_clicks的历史值，已经点击过的下载按钮对应n_clicks仍然大于0
• 下载回调配置的prevent_initial_call=True仅会阻止应用首次加载时的默认触发，不会阻止组件重新挂载后的回调执行，所以回调会正常运行返回下载数据，触发下载弹窗重复弹出。

解决方案 #

这里提供两种可行的修复思路：

方案1：隐藏卡片而非直接移除 #

不要从children列表中直接删除卡片，而是单独控制目标卡片的显隐状态，避免其他无关节点重挂载：
给每个卡片新增显隐控制的输出，点击删除按钮时将对应卡片的style.display设为none即可，不需要修改容器的children属性。

方案2：给下载回调增加触发源校验 #

在所有下载回调中增加触发源判断，只有确认是下载按钮本身被用户点击时才返回下载数据：

@app.callback(
    Output('download-1', 'data'),
    Input('download-btn-1', 'n_clicks'),
    prevent_initial_call=True
)
def download_1(n_clicks):
    # 新增触发源校验
    ctx = dash.callback_context
    if not ctx.triggered or ctx.triggered[0]['prop_id'] != 'download-btn-1.n_clicks':
        return dash.no_update
    return dict(content="data 1", filename="hello.txt")

其余两个下载回调也做相同逻辑修改即可。

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