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

【问题描述】

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

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

【解决办法】

  1. wxml
html 复制代码
    <textarea class="service-textarea" 
              placeholder="{{placeholderText}}" 
              value="{{serviceContent}}"
              bindinput="onServiceContentInput">
    </textarea>

2.js

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

3.wxss

css 复制代码
textarea {
    word-wrap: break-word;
    white-space: pre-line;
}
相关推荐
郭邯4 小时前
小程序中自定义组件的样式隔离
微信小程序
每天开心6 小时前
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
前端·微信小程序·前端框架
老华带你飞11 小时前
口腔助手|口腔挂号预约小程序|基于微信小程序的口腔门诊预约系统的设计与实现(源码+数据库+文档)
java·数据库·微信小程序·小程序·论文·毕设·口腔小程序
尸僵打怪兽11 小时前
HBuilder X打包发布微信小程序
微信小程序·小程序·打包·hbuilder x
说私域1 天前
公域流量向私域流量转化策略研究——基于开源AI智能客服、AI智能名片与S2B2C商城小程序的融合应用
人工智能·小程序
半生过往1 天前
微信小程序文件下载与预览功能实现详解
微信小程序·小程序·notepad++·压缩包下载解压
源码_V_saaskw1 天前
JAVA图文短视频交友+自营商城系统源码支持小程序+Android+IOS+H5
java·微信小程序·小程序·uni-app·音视频·交友
weixin_lynhgworld1 天前
淘宝扭蛋机小程序系统开发:重塑电商互动模式
大数据·小程序
996幸存者1 天前
uni-app区域选择、支持静态、动态数据
微信小程序·uni-app
ᥬ 小月亮1 天前
Uniapp编写微信小程序,绘制动态圆环进度条
微信小程序·小程序·uni-app