streamlit 加载 javascript函数

Streamlit是一个用于创建数据应用程序的Python库，它允许用户轻松地将Web应用构建在Jupyter Notebook风格的环境中。如果你想在Streamlit应用中加载JavaScript函数，你可以按照以下步骤操作：

1. **导入必要的模块**：首先，在Streamlit脚本中引入`streamlit.components`，这个模块提供了一个`javascript_dependency`方法来注册JavaScript库。

import streamlit as st
from streamlit.components.v1 import javascript_dependency, html

2. **注册JavaScript依赖**：然后，你需要注册你想要使用的JavaScript库，例如使用`vue.js`或者其他自定义库。

javascript_dependency("https://unpkg.com/vue@2.6.14/dist/vue.min.js")

3. **编写并包装JavaScript函数**：在Streamlit的`st.script_runner`上下文中，你可以定义并暴露JavaScript函数。假设你有一个名为`myCustomFunction`的函数：

def load_javascript_function():
    st.script_runner.register_script(
        """
        function myCustomFunction() {
            // 这里放置你的JavaScript代码
            console.log('Hello from JavaScript!');
        }
        """
    )

4. **在Streamlit页面上调用JavaScript函数**：现在可以在Streamlit的组件中调用这个函数。

button = st.button('点击调用JavaScript')
if button:
    load_javascript_function().call()