Vue component provides textarea with automatically adjustable height and without any wrappers and dependencies

• v-model binding in parent
• min/max height limitation
• enable/disable auto resizing dynamically

Note

• You are able to handle all native events via @eventname.nativeread more
• There is no CSS from box, so you are free to style it as you wish

Install with npm

npm install vue-textarea-autosize --save 

or with yarn

yarn add vue-textarea-autosize 

In your main.js

importVuefrom'vue'importVueTextareaAutosizefrom'vue-textarea-autosize'Vue.use(VueTextareaAutosize)

In components

<textarea-autosizeplaceholder="Type something here..." ref="someName" v-model="someValue" :min-height="30" :max-height="350" @blur.native="onBlurTextarea" ></textarea-autosize>

Focus/blur or select content in components

this.$refs.someName.$el.focus()this.$refs.someName.$el.blur()this.$refs.someName.$el.select()

There are no slots available

MIT