Javascript Web组件：在类中定义函数，访问内联

我正在将一个网站从角度转换为Web组件/聚合物。我需要的是在提交表单时调用一个名为lookupUser的函数。但是，我不确定如何正确定义函数

只是相关的HTML

Javascript

---

忽略尚未从函数中删除的事件，如何正确定义此函数，以便从onsubmit调用它？

在Polymer模板中，可以使用on-*注释语法以声明方式添加事件侦听器。而不是onsubmit=lookupUser；您需要使用on submit=lookupUser。请注意，该值只是方法的名称；提交时没有括号或数据绑定括号=[[lookupUser]]是一个非常常见的错误

然后，在类中，您需要定义一个lookupUser方法。就像使用addEventListener添加的事件侦听器一样，它将接收一个参数，即事件对象

类DashboardSearch扩展了PolymerMixins.LightDomMixinPolymer.Element{ 静态get是{ 返回“仪表板搜索”； } 静态获取配置{ // ... } lookupUserevent{ console.logevent.target；//=>logs元素 } } 这在官方文件的章节中有介绍

(function(customElements) {
class DashboardSearch extends PolymerMixins.LightDomMixin(Polymer.Element) {
    static get is() {
        return 'dashboard-search';
    }

    static get config() {
        return {
                properties: {
                    user: {
                        type: Object
                    },
                },
            };
        }

        lookupUser() {
            if (scope.userlookup) {
                $state.go('users', {
                    query: scope.userlookup
                });
            }
        };

    }
    customElements.define(DashboardSearch.is, DashboardSearch);
})(window.customElements);