vue-input-autosize

KO | EN

gitlite — search

#javascript #python #hacktoberfest #typescript #go #golang #android #linux #docker #nodejs #awesome #awesome-list #ios #open-source

vue-input-autosize

(★ 21)

A simple Vue.js directive to autosize text input fields

vue-input-autosize Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-input-autosize [DEPRECATED]

## This package has been deprecated in favour of [vue-input-autowidth](https://github.com/syropian/vue-input-autowidth) that has support for Vue.js 2+ and a slew of bug fixes and improvements.

[![Build Status](https://travis-ci.org/syropian/vue-input-autosize.svg?branch=master)](https://travis-ci.org/syropian/vue-input-autosize)

> A simple Vue.js directive for autosizing a text input based on its content.

## Install

```js
$ npm install vue-input-autosize --save
```

**or** include the UMD build, hosted by [npmcdn](https://npmcdn.com) in a `<script>` tag:

```js
<script src="//npmcdn.com/vue-input-autosize"></script>
```

## Usage

```js
import Vue from "vue";
import VueInputAutosize from "vue-input-autosize";

Vue.use(VueInputAutosize, { maxWidth: 500, minWidth: 20, comfortZone: 0 });
```

...and inside your template:

`<input type='text' :value='msg' v-input-autosize />`

### Why bind to `value` instead of using `v-model`?
Currently, there's no easy way to track changes to a `v-model` value from a directive. However, since the `value` property of a text field controls its content, and is also a valid parameter to watch for updates from the directive, we can dynamically bind to that instead.

## License

vue-input-autosize

vue-input-autosize Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-input-autosize

vue-input-autosize Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README