支付寶小程序擴展表單 多行輸入·MultiLiner

多行輸入框，可輸入多行內(nèi)容。

掃碼體驗

示例代碼

{
  "defaultTitle": "Multi-liner",
  "usingComponents": {
    "multi-liner": "mini-ali-ui/es/multi-liner/index"
  }
}

<view>
  <view style="margin-top: 10px;" />
  <view class="title">多行輸入</view>
  <multi-liner data-field="area" 
    placeholder="字數(shù)統(tǒng)計↘" 
    type="text" 
    value="{{value}}" 
    onInput="onInput" 
    last="{{true}}" 
    auto-height="{{true}}" 
    controlled="{{controlled}}"/>
  <view style="margin: 10px;" />
</view>

Page({
  data: {
    value: '內(nèi)容',
    controlled: true,
  },
  onInput(e) {
    this.setData({
      value: e.detail.value,
    });
  },
});

屬性