vue根据内容自动调整大小的输入组件– vue-input-autowidth

vue根据内容自动调整大小的输入组件– vue-input-autowidth
插件名称 vue-input-autowidth
发布时间 2020年12月1日
插件作者 syropian

vue-input-autowidth允许根据内容的长度动态调整输入字段的宽度。

安装和下载:

# Yarn
$ yarn add vue-input-autowidth

# NPM
$ npm install vue-input-autowidth --save

用法:

与软件包管理器一起安装。

# Yarn
$ yarn add vue-input-autowidth

# NPM
$ npm install vue-input-autowidth --save

导入“ vue-input-autowidth”。

import VueInputAutowidth from 'vue-input-autowidth'

启用插件。

Vue.use(VueInputAutowidth)

将插件应用于您的输入字段。

<input
  type="text"
  v-autowidth="{maxWidth: '960px', minWidth: '20px', comfortZone: 0}"
  v-model="name"
  placeholder="Type something here."
/>

选项和默认值。

{

  // max width in pixels
  maxWidth: "none", 

  // min width in pixels
  minWidth: "none", 

  // additional space in pixels
  comfortZone: 0
  
}