如何在Streamlit中捕获标签页切换事件？

因为Streamlit原生的st.tabs确实没有内置切换事件，不过可以通过以下几种方式实现需求：

方法一：用st.session_state跟踪标签状态 #

利用Streamlit的重渲染机制，通过会话状态记录当前选中的标签，每次渲染时对比状态变化来触发操作。

import streamlit as st

# 初始化会话状态，存储当前选中的标签
if "current_tab" not in st.session_state:
    st.session_state.current_tab = "标签1"

# 创建原生标签页
tab1, tab2, tab3 = st.tabs(["标签1", "标签2", "标签3"])

# 标签1的内容与切换检测
with tab1:
    if st.session_state.current_tab != "标签1":
        # 这里写切换到标签1后要执行的操作
        st.write("切换到标签1了，执行指定操作...")
        st.session_state.current_tab = "标签1"
    st.write("标签1的内容区域")

# 标签2的内容与切换检测
with tab2:
    if st.session_state.current_tab != "标签2":
        st.write("切换到标签2了，执行指定操作...")
        st.session_state.current_tab = "标签2"
    st.write("标签2的内容区域")

# 标签3的内容与切换检测
with tab3:
    if st.session_state.current_tab != "标签3":
        st.write("切换到标签3了，执行指定操作...")
        st.session_state.current_tab = "标签3"
    st.write("标签3的内容区域")

原理：用户切换标签时页面会重新运行，此时检查会话状态里的旧标签和当前激活的标签是否不一致，不一致就说明发生了切换，执行操作后更新会话状态即可。

方法二：用st.radio模拟标签页+回调函数 #

如果觉得手动跟踪状态麻烦，可以用单选框模拟标签页的交互，借助st.radio的on_change参数直接绑定切换回调，更省心。

import streamlit as st

# 标签切换时触发的回调函数
def handle_tab_switch():
    # 通过st.session_state.selected_tab获取当前选中的标签
    st.write(f"切换到「{st.session_state.selected_tab}」，执行指定操作...")

# 横向排列的单选框，模拟标签页样式
selected_tab = st.radio(
    "",  # 去掉标题
    ["标签1", "标签2", "标签3"],
    key="selected_tab",
    on_change=handle_tab_switch,
    horizontal=True
)

# 根据选中的标签展示对应内容
if selected_tab == "标签1":
    st.write("标签1的内容")
elif selected_tab == "标签2":
    st.write("标签2的内容")
else:
    st.write("标签3的内容")

这种方式的交互体验和原生标签页接近，而且能直接捕获切换事件，代码更简洁，适合新手快速上手。

方法三：自定义标签页组件（进阶） #

如果需要完全原生的标签页样式且要支持切换事件，可以基于Streamlit的自定义组件API实现自己的标签页组件，不过需要懂一点前端（HTML/JS）知识，新手可以先从前面两种方法入手。

内容的提问来源于stack exchange，提问作者alltime-learner