小程序 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 的输入内容。

阅读 1.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题