自动高度文本框插件

使用 @formkit/addons 中的 createAutoHeightTextareaPlugin 函数,您可以在类型为 textarea 的 Formkit 输入上使用一个新的属性 (auto-height),以根据其内容自动调整其大小。

安装

要安装自动高度文本框插件,我们需要:

  1. @formkit/addons 中导入它。
  2. 将其作为插件添加到我们的 FormKit 配置中。
  3. 将新的 auto-height 属性添加到任何 textarea 上。
// formkit.config.js
import { defaultConfig } from '@formkit/vue'
import { createAutoHeightTextareaPlugin } from '@formkit/addons'

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

export default config

使用方法

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

加载实时示例