自动高度文本域插件

使用来自 @formkit/addonscreateAutoHeightTextareaPlugin 函数,你可以在 FormKit 的 textarea 类型输入框上使用新属性(auto-height),使它们根据内容自动增长和缩小尺寸。

安装

要在 FormKit 中使用这个插件,请安装 @formkit/addons

yarn add @formkit/addons

安装完插件包后,你需要在 FormKit 中注册这个插件:

// formkit.config.js
import { defaultConfig } from '@formkit/vue'
import { createAutoHeightTextareaPlugin } from '@formkit/addons'

const config = defaultConfig({
  plugins: [
    createAutoHeightTextareaPlugin(),
  ],
})

export default config

使用

要在文本域启用自动高度,请在 FormKit 的 textarea 类型输入框上添加 auto-height 属性。

可用的字段属性:

  • max-auto-height Number 为文本域的扩展设定上限,允许其动态增长高度,同时确保不超过指定的最大高度。
加载实时示例