小程序中文本自动换行

前言

有时候后端返回的文本需要在特定位置进行换行(例如:名人名言和一些诗句都需要对文本进行换行处理)
我们可以要求后端返回的文本在需要换行的地方增加\n。

方法

  1. 在原生小程序中直接使用text标签即可,text中的文本遇到\n会自动换行。
  // data: {
  //   message:'这是第一个换行;\n,这是第二个换行;\n这是第三个换行;\n'
  // },
<text>{{message}}text>
  1. taro框架中文本换行
  // state = {
  //   message: "这是第一个换行;\n,这是第二个换行;\n这是第三个换行;\n"
  // };
import { Text } from "@tarojs/components";
<Text
      dangerouslySetInnerHTML={{
      __html: this.state.message.replace(
      new RegExp("\n", "g"),
      "/>"
      )
      }}
>Text>
//只需要this.state.message换成你需要处理的文本即可

你可能感兴趣的:(#,taro,js,taro,小程序,换行)