vaadin-flow - Vaadin 12 中如何调用 JavaScript 的方法？

Question

在我的 Vaadin 12 项目中：

import com.vaadin.flow.component.dependency.HtmlImport
import com.vaadin.flow.component.dependency.JavaScript
import com.vaadin.flow.component.dependency.StyleSheet
import com.vaadin.flow.component.html.Div
import com.vaadin.flow.component.page.BodySize
import com.vaadin.flow.component.page.Page
import com.vaadin.flow.router.Route
import com.vaadin.flow.server.VaadinRequest
import org.slf4j.LoggerFactory

@Route(value = "myform")
@JavaScript("https://somejavascript.js")
class MyForm : Div() {
    private val logger = LoggerFactory.getLogger(this::class.java)

    init {
        val request = VaadinRequest.getCurrent()
        val myparam= request.getParameter("myparam")
        logger.info("myparam = $myparam")

    }
}

如您所见，我导入脚本：somejavascript.js通过注释。好的。这个脚本有方法：myJavaScriptMethod 我如何在我的 Vaadin 类中调用这个方法MyForm？

Answer 1

myJavaScriptMethod()您可以使用以下代码调用您的 JS 函数：

UI.getCurrent().getPage().executeJavaScript("myJavaScriptMethod();");

您可以在此处
找到文档 （奇怪的是，此文档仅针对 vaadin 版本 11 显示，但在 Vaadin 12 和 13 中仍然以相同的方式完成）