antd-vue 表单input换行

如果你想要在 `antd-vue` 的表单中的 `Input` 组件中换行，可以通过以下两种方式实现：

1. 使用 `textarea` 属性

将 `Input` 组件的 `type` 属性设置为 `textarea`，并设置 `rows` 属性来控制文本框的行数。这样就可以在文本框中输入多行文本，实现换行效果。

<template>
  <a-form :form="form">
    <a-form-item label="多行文本">
      <a-input type="textarea" :rows="4" v-model="form.text"></a-input>
    </a-form-item>
  </a-form>
</template>

2. 自定义样式

可以通过自定义样式来实现在 `Input` 组件中换行的效果。将 `Input` 组件的外层包裹一个容器，设置容器的样式 `display: flex; flex-wrap: wrap;`，然后设置 `Input` 组件的样式 `flex: 1;`，这样 `Input` 组件就可以根据容器的宽度自动换行。

<template>
  <a-form :form="form">
    <a-form-item label="多行文本">
      <div style="display: flex; flex-wrap: wrap;">
        <a-input style="flex: 1;" v-model="form.text"></a-input>
      </div>
    </a-form-item>
  </a-form>
</template>

以上两种方式都可以实现在 `antd-vue` 的表单中的 `Input` 组件中换行的效果，具体选择哪种方式取决于你的实际需求。