自定义组件 slot 上如何绑定组件内的方法?
如题,我正在做一个表单组件,开放了插槽的功能,可以在表单中通过插槽实现表单里面没有封装的组件,但是不知道要如何给插槽绑定组件的事件,翻了翻文档和社区没找到答案,有没有大佬知道怎么做的?
如图这样写绑定的是当前页面的事件,是不对的。
3 回复
// 页面wxml
<easy-form-item class="form-item-1">
<input data-item="form-item-1" bindinput="slotInput">
</easy-form-item>
<easy-form-item class="form-item-2">
<input data-item="form-item-2" bindinput="slotInput">
</easy-form-item>
...
// 页面.js
Page({
slotInput(e){
var t = this, ds = e.currentTarget.dataset, formItem = t.selectComponent('.'+ds.item)
formItem && formItem.handleInput(e)
}
})
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人