uniapp强制换行

在UniApp中实现强制换行的方法

使用CSS样式控制换行 通过CSS的white-space属性可以强制文本换行。例如：

.text-wrap {
  white-space: pre-wrap;
  word-break: break-all;
}

使用<br>标签 在模板中直接使用HTML的换行标签：

<view>第一行<br>第二行</view>

使用Unicode换行符 在JavaScript字符串中使用\n表示换行，需要配合white-space: pre-wrap样式：

data() {
  return {
    text: '第一行\n第二行'
  }
}

rich-text组件换行 使用rich-text组件时，可通过nodes数组设置换行：

nodes: [{
  name: 'div',
  children: [{
    type: 'text',
    text: '第一行\n第二行'
  }]
}]

textarea组件换行 textarea组件默认支持换行，用户输入回车即可自动换行。

注意事项

• 使用\n换行时，必须为元素设置white-space: pre-wrap样式才能生效
• 不同平台对换行的支持可能略有差异，建议进行多端测试
• 在nvue页面中，换行行为可能与vue页面有所不同