自定义组件 slot 上如何绑定组件内的方法?
发布于 6 年前 作者 yanjiang 12193 次浏览 来自 官方Issues

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

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

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

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)
 }
})

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

回到顶部