uni-app多⾏输⼊框textarea
uniapp-多⾏输⼊框框提⽰内容和输⼊内容实现换⾏，显⽰输⼊内容长度
uni-app中多⾏输⼊框中显⽰输⼊模板样例（需要换⾏-使⽤v-html），显⽰输⼊内容长度（computed计算），输⼊内容换⾏（cols），输⼊内容长度限制（maxlength）
html部分：
<view>
<textarea v-model="patientDesc.value"
v-html="patientDesc.descCur" cols="30" maxlength="500" rows="6">
</textarea>
<p >{{ textareaWordLenth }}/500</p>
</view>
js部分:
export default{
html内容文本框data(){
return{
patientDesc:{
value:"",
descCur:"",
desc:"<p>1.症状、疾病和⾝体状况</p><p>2.症状发⽣的时间、有⽆伴随症状</p><p>3.吃过什么药物</p><p>4.如就诊过，提供医⽣诊断、经过</p><p> 5.既往病史</p>"
}
}
},
computed:{
textareaWordLenth(){
if(this.patientDesc.value.length==0){
this.patientDesc.descCur =this.patientDesc.desc;
}else{
this.patientDesc.descCur ="";
}
return this.patientDesc.value.length;
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。