TextBox 文本域输入

多行文本输入框，支持字数提示、字数限制等功能。

基本用法

<nut-textbox v-model="val"></nut-textbox>

禁用

<nut-textbox disabled v-model="val"></nut-textbox>

自定义高度

<nut-textbox :txt-areaH="5" :max-num="300"> </nut-textbox>

自定义提示语

<nut-textbox :place-text="'请填写详细情况请填写详细情况'" v-model="val1"> </nut-textbox>

自定义字数限制

<nut-textbox :max-num="100" v-model="val2"> </nut-textbox>

限制字数不可超出

<nut-textbox :switch-max="true" :max-num="10" :txt-areaH="100" text-bgColor="#efefef" v-model="val3"></nut-textbox>

字数超出报错

<nut-textbox :max-num="10" :txt-areaH="2" @errorFunc="overLength"> </nut-textbox>

自定义文本框背景色

<nut-textbox
  :switchMax="true"
  :max-num="10"
  :txt-areaH="2"
  text-bgColor="#feefef"
></nut-textbox>

不显示字数限制

<nut-textbox :limitShow="false" :max-num="10"></nut-textbox>

输入回调返回文字

<nut-textbox :max-num="10" txt-areaH="2" @inputFunc="inputText"></nut-textbox>

export default {
  data() {
    return {
      val: '',
      val1:'',
      val2:'自定义数据'
    }
  },
  methods: {
    inputText(val) {
      alert(val)
    }
  }
}

Prop

Event