微信小程序-textarea中的文本读取以及换行问题

Posted £AP︶ㄣOL◢◤LO

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序-textarea中的文本读取以及换行问题相关的知识,希望对你有一定的参考价值。

  今天客户那边要求textarea中输入的问题可以按回车键换行,而我使用的是bindinput获取值,但是呢bindinput 处理函数的返回值并不会反映到 textarea 上,按回车键导致点击换行符无法使文字换行。

  此时便换用 form bindsubmit="formSubmit" 方式获取textarea值了,此种方式的好处是按回车键自动换行。

       并且在用户回车的地方会带有↵这个符号,这个符号相当于 换行符 \\n。

  1.项目详情页中需要将textarea值换行显示,此时放在<text>基础组件中即可。

  如果放在view中时,文字不会换行,但是会显示一个空格,而在字符串中依然显示:

  

   2.如果不想换行显示,切要去掉其中的空格可进行如下方式去除

  var str = res.data.desc.split(\'\\n\').join(\'\');

 

以上是关于微信小程序-textarea中的文本读取以及换行问题的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序textarea换行输入的文本,在view中如何换行渲染

微信小程序textarea换行输入的文本,在view中如何换行渲染

微信小程序中的input控件怎么实现自动换行

微信小程序input、textarea层级穿透问题

微信小程序怎么设置文本换行(从后台拿的数据)

微信小程序文本输入<textarea/> 详解