html注入带参数的调用函数

Question

我有一个问题，如果我想向我的click属性添加一个参数，那么它会在呈现后立即调用该函数

这是我的测试 html：

return html`

       <button class="menu-btn" @click="${this._OpenSubMenu(1)}>test</button>" 

`;

}

和功能：

_OpenSubMenu(test:number) {

    console.log("Hello")

  }

Hello页面呈现后立即输出。

那么如何在向我的函数添加参数的同时避免这种情况呢？

Answer 1

你需要让你的函数返回一个函数。然后您的点击函数将执行返回的函数，并且由于闭包仍然可以访问参数。例如.._OpenSubMenu(test:number) {&nbsp; var that = this;&nbsp; return function () {&nbsp; &nbsp; &nbsp;console.log("Hello");&nbsp; &nbsp; &nbsp;//test is also a closure so you can use here&nbsp; &nbsp; &nbsp;//that will equal this&nbsp; }}如果你想访问this，你也可以使用箭头功能_OpenSubMenu(test:number) {&nbsp; return () => {&nbsp; &nbsp; &nbsp;console.log("Hello");&nbsp; &nbsp; &nbsp;//test is also a closure so you can use here&nbsp; &nbsp; &nbsp;//this will also still be valid here&nbsp; }}