uni-app 多行输入框textarea

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{
	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;
		}
	}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值