Vue-Autoheight-Input

A simple vuejs plugin for auto resizing the height of a textarea

Installation

npm

  npm install vue-autoheight-input

yarn

  yarn add vue-autoheight-input

Usage

The wrapper creates a textarea feild on which all actions are implemented

<template>
    <autoheight-input v-model="content" @input="handleInput"></autoheight-input>
</template>
<script>
import {AutoheightInput} from 'vue-autoheight-input'
export default{
    components:{
        AutoheightInput
    },
    data(){
        return{
            content:''
        }
    },
    methods:{
        handleInput(evt){
            //
        }
    }
}
</script>

Custom styling

All custom styling can be adding via class aributes

Props

Property	Type	Required	Description	Default
placeholder	String	false	the editor placeholder	type here
maxlength	Integer	false	the max lenght of the input	null
minlength	Integer	false	the min lenght of the input	null
newLine	Boolean	false	determines if enter key should trigger a new line	true