如何解决带有参数的html注入调用函数
我有一个问题,如果我想向我的click
属性中添加一个参数,那么它将在呈现后立即调用该函数
这是我的测试html:
return html`
<button class="menu-btn" @click="${this._OpenSubMenu(1)}>test</button>"
`;
}
函数:
_OpenSubMenu(test:number) {
console.log("Hello")
}
解决方法
您需要使您的函数返回一个函数。然后,您的click函数将执行返回的函数,并且由于闭包的原因,仍然可以访问这些参数。
例如。
document.querySelector('ul').classList.add("nav")
如果您想访问_OpenSubMenu(test:number) {
var that = this;
return function () {
console.log("Hello");
//test is also a closure so you can use here
//that will equal this
}
}
,也可以使用箭头功能
this
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。