TextBox

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

示例

默认用法

<nut-textbox></nut-textbox>

自定义高度:5rem

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

自定义提示语

<nut-textbox placeText='请填写详细情况'></nut-textbox>

自定义字数限制

<nut-textbox :maxNum='100'></nut-textbox>

限制字数不可超出

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

字数超出报错

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

export default {
  methods:{
      overLength(){
          alert("字数超出");
      }
  }
}

自定义文本框背景色

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

不显示字数限制

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

输入回调返回文字

 <nut-textbox :maxNum="10" txtAreaH="2" @inputFunc="inputText" ></nut-textbox>
export default {
  methods:{
      inputText(val){
           alert(val);
      }
  }
}

Props

Events