vue的 data 文本 中使用换行 \n
vue的 data 文本 中使用换行 \n
问题描述
想要在vue的data里面定义一行文本，其中设计到换行，但是直接使用 \n 不好用，想要实现的样子
解决
使用css 样式 white-space: pre-wrap;
代码
<view class="msg">{{ message }}view>
data() {return {message: ' \n 预约成功 \n \n 1-3个工作日会有工作人员回访，请保持电话畅通';};},
.msg {font-weight: bold;font-size: 30rpx;white-space: pre-wrap; /*这是重点。文本换行*/margin: 20rpx auto;text-align: center;
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！