支付宝小程序扩展表单 多行输入·MultiLiner

多行输入框，可输入多行内容。

扫码体验

示例代码

{
  "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="字数统计↘" 
    type="text" 
    value="{{value}}" 
    onInput="onInput" 
    last="{{true}}" 
    auto-height="{{true}}" 
    controlled="{{controlled}}"/>
  <view style="margin: 10px;" />
</view>

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

属性