vue实现字符串换行

在vue页面的开发中需要用到字符串换行首先想到的是使用<br>\n等方法进行换行，测试后发现没有生效。

前言

在vue页面的开发中需要用到字符串换行首先想到的是使用<br>、\n 等方法进行换行，测试后发现没有生效。

解决

通过添加white-space: pre-wrap属性，然后在字符串中在使用\n就可实现换行

<style lang="scss" scoped>
.mytd {
  white-space: pre-wrap;
}
</style>