【问题描述】
微信小程序原生代码,使用文本域,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;
}