如何将Vue框架通用化解决个性化文字换行问题的实例详解？

本文共计1121个文字，预计阅读时间需要5分钟。

目录+通用化解决方案+个性化文字换行问题+背景+通用化的处理方法+第一步：将内容平台上的单行input改为多行input（textarea）+第二步：所有文本统一使用v-text（Vue）+第三步：所有文本统一处理‘

目录

• 通用化解决个性化文字换行问题
• 背景
• 通用化的办法解决
• 第一步：在内容平台上的单行input改成多行input（textarea）
• 第二步：所有文本处统一用v-text （vue）
• 第三步：所有文本处统一增加一个样式 white-space: pre-wrap
• 总结

通用化解决个性化文字换行问题

背景

首先我们网站内容是运营自己在内容平台上去配置的，我们开发不用参与和release代码。并且是国际化，多语言的。

在这种背景下，经常碰到某种语言下，某些文字需要能够增加换行的能力。