小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如题,我正在做一个表单组件,开放了插槽的功能,可以在表单中通过插槽实现表单里面没有封装的组件,但是不知道要如何给插槽绑定组件的事件,翻了翻文档和社区没找到答案,有没有大佬知道怎么做的?
如图这样写绑定的是当前页面的事件,是不对的。
代码片段:https://developers.weixin.qq.com/s/Od7Msrmt7bi9
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
wxs?
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<comForm id="comForm" > <view slot="bottom" class="flex flex-ac"> <button class="cu-btn bg-green" bindtap="addBless">送祝福</button> </view> </comForm> addBless:function(){ this.selectComponent("#comForm").submit(); }
// 页面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) } })
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
搞个代码片段出来吧 老哥。
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
wxs?
我的意思是,可以写个wxs来做这件事。原理和页面内selectComponent一样。但是每个页面的wxml都要引入这个wxs。如果你用页面来做,也往Page内混入。
https://developers.weixin.qq.com/miniprogram/dev/framework/view/interactive-animation.html
PS:这个文档URL是不是不太对。。
<comForm id="comForm" > <view slot="bottom" class="flex flex-ac"> <button class="cu-btn bg-green" bindtap="addBless">送祝福</button> </view> </comForm> addBless:function(){ this.selectComponent("#comForm").submit(); }
// 页面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) } })
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
搞个代码片段出来吧 老哥。
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html