如何在go-app组件中执行JavaScript代码？点击按钮调用JS无效求助

云上老周

2026-6-14

解决go-app中调用JavaScript全局函数无效的问题

正确调用方式

你可以用以下几种有效写法在go-app组件的事件处理中调用alert/console.log：

方式1：使用Context的Call方法

直接通过事件上下文的Call方法调用全局JS函数：

func (b *Button) OnClick(ctx app.Context, e app.Event) {
    // 调用alert
    ctx.Call("alert", "Button clicked!")
    // 调用console.log
    ctx.Call("console.log", "Button clicked!")
}

方式2：通过Window对象调用

使用app.Window()获取全局window对象后调用对应方法：

func (b *Button) OnClick(ctx app.Context, e app.Event) {
    // 调用alert
    app.Window().Call("alert", "Button clicked!")
    // 调用console.log
    app.Window().Get("console").Call("log", "Button clicked!")
}

排查可能的问题

组件未正确初始化：确保main函数中完成组件注册并启动客户端逻辑，比如：

func main() {
    app.Route("/", &Button{})
    app.RunWhenOnBrowser()
    http.Handle("/", app.Handler())
    log.Fatal(http.ListenAndServe(":8080", nil))
}

缺少app.RunWhenOnBrowser()会导致客户端JS逻辑无法初始化，进而使调用失败。