nutui/src/packages/textbox/doc.md

TextBox 文本域输入

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

基本用法

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

自定义高度

<nut-textbox :txtAreaH="5" :maxNum="300"> </nut-textbox>

自定义提示语

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

自定义字数限制

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

限制字数不可超出

<nut-textbox :switchMax="true" :maxNum="10" :txtAreaH="2" textBgColor="#efefef" v-model="val2">
</nut-textbox>

字数超出报错

<nut-textbox :maxNum="10" :txtAreaH="2" @errorFunc="overLength"> </nut-textbox>

自定义文本框背景色

<nut-textbox
  :switchMax="true"
  :maxNum="10"
  :txtAreaH="2"
  textBgColor="#feefef"
></nut-textbox>

不显示字数限制

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

输入回调返回文字

<nut-textbox :maxNum="10" txtAreaH="2" @inputFunc="inputText"></nut-textbox>

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

Prop

字段	说明	类型	默认值
value	当前 input 值，可使用 v-model 双向绑定数据	String	''
txtAreaH	文本框高度	Number	1rem
placeText	自定义 placeholder 文案提示	String	请您在此输
maxNum	最大字数	Number	50
switchMax	控制字数超出是否不可输入，注意：最大字数限制，请设置 maxNum	Boolean	false
textBgColor	设置输入框背景色	String	#fff
limitShow	不显示字数限制	Boolean	true

Event

字段	说明	回调参数
errorFunc	输入字数超过限定字数时触发事件	--
inputFunc	文字输入事件回调，默认传回输入文本	--