自定义组件该如何嵌套
发布于 6 年前 作者 omao 17085 次浏览 来自 问答

<form bindsubmit=“formSubmit”>

    <input-box widgetData="{{ item }}" name=“inputBox” />

 

    <button formType=“submit”>Submit</button>

</form>

form表单中定义了 input-box 的一个输入模块的组件,这个组件中,有包含了一些自定义组件;那么这些子的自定义组件是怎么返回到 form 中???========= input-box.wxml ===========

<view class=“list-panel”>

    <view class=“list-panel-title”>{{widgetData.title}}</view>

    <view class=“list-panel-body”>

        <block wx:for="{{widgetData.fields}}" wx:key=“index” wx:for-item=“item”>

            <view class=“top-line” wx:if="{{item.widget === ‘labelvalue’}}">

                <ui-labelvalue fontColor="#333" widgetData="{{ item }}"></ui-labelvalue>

            </view>

           <view class=“top-line” wx:if="{{item.widget === ‘input’}}">

                <iyb-input input-type=“number” name="{{ item.name }}" widgetData="{{ item }}" />

            </view>

            <view class=“top-line” wx:if="{{item.widget === ‘select’}}">

                 <ui-bank i-index="{{dataIndex}}" i-widget="{{item.widget}}" dict="{{ dict }}" widgetData="{{ item }}" bind:selectchange=selectchange></ui-bank>

            </view>

            <view class=“top-line” wx:if="{{item.widget === ‘linkage-select’}}">

                    <linkage-select dict="{{dict}}" i-index="{{dataIndex}}" i-widget="{{item.widget}}" widgetData="{{ item }}" bind:linkage=bindLinkage></linkage-select>

            </view>

        </block>

    </view>

</view>

在这些ui-labelvalueiyb-input, ui-bank , linkage-select中的数据该如何返回?

1 回复

关于这个问题,请参考文档中的“内置 behaviors”章节。

回到顶部