1.0.4 • Published 6 years ago

k-auto-textarea v1.0.4

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

auto-textarea

基于Vue的高度自适应文本输入框

Use Setup (开始)

Install auto-textarea (安装)

npm install k-auto-textarea --save

Use (引入)

    // 方法一
    // import with ES6
    import Vue from 'vue'
    import autoTextarea from 'k-auto-textarea'

    // require with Webpack/Node.js
    var Vue = require('vue')
    var autoTextarea = require('k-auto-textarea')

    // use
    Vue.use(autoTextarea)
    // 方法二
    // or use with component(ES6)
    import { autoTextarea } from 'k-auto-textarea'

    export default {
      components: {
        autoTextarea
      }
    }
    // html
    <auto-textarea placeholder="" lineHeight="30px" border="false" fontSize="18px" :value="" :onchange="function"/>

监听value

    <!-- 使用双向绑定修饰符 -->
    <auto-textarea v-model="value"/>
    <!-- 当value发生改变 , 触发onchange事件 参数为改变后的value -->
    <auto-textarea :value="value" :onchange="function"/>

API (props)

name 名称type 类型default 默认值des 描述
valueString初始值
autofocusBooleanfalse自动聚焦
lineHeightString18px输入框的行高
fontSizeString14px输入框文字大小
placeholderString输入框默认文字
borderBooleanfalse是否带有边框
onchangeFunction监听内容变化 , function(val , $event)

reference (参考)

textarea 自适应

Licence (证书)

kAutoTextarea is open source and released under the MIT Licence.

Copyright (c) 2018 kolafim

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago