小程序 slot里面定制的form表单,如何获取这个form表单输入的内容?

发布于 2022-09-11 23:40:18 字数 920 浏览 14 评论 0

问题描述

小程序:写了一个公共的组件 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文