WXOPEN Club

自定义组件 slot 上如何绑定组件内的方法？

发布于 7 年前作者 yanjiang12324 次浏览最后编辑 7 年前来自 issues

如题，我正在做一个表单组件，开放了插槽的功能，可以在表单中通过插槽实现表单里面没有封装的组件，但是不知道要如何给插槽绑定组件的事件，翻了翻文档和社区没找到答案，有没有大佬知道怎么做的？

如图这样写绑定的是当前页面的事件，是不对的。

代码片段：https://developers.weixin.qq.com/s/Od7Msrmt7bi9

3 回复
mingfu
mingfu1 楼6 年前

wxs？

jiesun
jiesun2 楼6 年前
// 页面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)
 }
})

若认为该回答有用，给回答者点个[ 有用 ]，让答案帮助更多的人