原生微信小程序 textarea组件placeholder无法换行的问题解决办法

【问题描述】

微信小程序原生代码，使用文本域，placeholder使用\n 没有效果，网上找了一堆方案说使用
 也没有效果

最后在一个前端大佬博客，找到解决办法，CSS设置word-wrap: break-word; white-space: pre-line;

【解决办法】

1. wxml

    <textarea class="service-textarea" 
              placeholder="{{placeholderText}}" 
              value="{{serviceContent}}"
              bindinput="onServiceContentInput">
    </textarea>

2.js

Page({
  data: {
     placeholderText: "家庭日常保洁\r\n\r\n1.服务内容\r\n2.收费说明\r\n\r\n我的个人履历可以查看主页，里面有我的培训证书和工作介绍。"

3.wxss

textarea {
    word-wrap: break-word;
    white-space: pre-line;
}