vue textarea van-field手机端 输入框实现显示的内容换行或者空格处理

  • Post author:
  • Post category:vue



移动端框架vant-ui:

<van-cell-group class=”m30 borderRadius”>

<van-field v-model=”content” rows=”5″ autosize type=”textarea” placeholder=”请输入内容” />

</van-cell-group>

if(this.content==””){


this.$toast(“请输入内容”);

return;

}else{


this.content = this.content.replace(/\r\n/g, ‘<br/>’);

//this.content = this.content.replace(/\n/g, ‘<br/>’);

//this.content = this.content.replace(/\s/g, ‘&nbsp;’); //空格处理

}


效果:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAVGhlIGNhcHRhaW4ncw==,size_10,color_FFFFFF,t_70,g_se,x_16



版权声明:本文为SmartJunTao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。