Vue component of typebox chat with autosize.
import Vue from 'vue';
import ChatTypeBox from 'vue-chat-autosize-typebox';
Vue.component('ChatTypeBox', ChatTypeBox);
<ChatTypeBox v-model="text" @send="send"/>
Name | defualt parameter | Description |
---|---|---|
send | (text) | emit trim message to event, if empty string not send |
Name | Type | Default | Description |
---|---|---|---|
v-model | string | binding data (required) | |
maxHight | Number | 164 | max height of typebox |
minHeight | Number | 18 | min height of typebox |
maxLength | Number | 640 | limit length of message |
placeholder | string | 'Type a message...' | placeholder message in typebox |