小程序 slot里面定制的form表单,如何获取这个form表单输入的内容?
问题描述
小程序:写了一个公共的组件 dialog,因为需求多样性,所以采用了插槽slot,
我要如何获取 slot 中自定义表单输入的内容?
问题出现的环境背景及自己尝试过哪些方法
我在引用的组件中,给
<view slot="name">
<input value={{value}} bindinput="test" />
</view>
js:
test(e){console.log('e-->', e)}
发现不会打印出信息,说明没有执行这个函数。
然后自己去百度了,也没找到相关的内容。哪个大佬知道怎么解决吗?
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
公共组件B: dialog
<view>
<view></view>
<slot name="content"></slot>
<view class="footer">
<button catchtap="success">确定</button>
</view>
</view>
引用的组件: A
wxml:
<B prop="xxx" id="dialog">
<view slot="name">
<input value={{value}}/>
</view>
</B>
你期待的结果是什么?实际看到的错误信息又是什么?
在点击子组件 B 中的确定按钮时,能获取到 组件A 插槽中定制模块 input 的输入内容。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论