uniapp中,nvue 页面文字换行不生效的解决办法

1. rich-text

注意使用这个标签需要绑定写法,最好不要用字符串的格式,因为会降低性能,下面是官网解释

nodes 值为 HTML String 时,在组件内部将自动解析为节点列表,推荐直接使用 Array 类型避免内部转换导致的性能下降。App-nvue 和支付宝小程序不支持 HTML String 方式,仅支持直接使用节点列表即 Array 类型,如要使用 HTML String,则需自己将 HTML String 转化为 nodes 数组,可使用 html-parser 转换。

节点列表内的节点现支持两种类型,通过 type 来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的 HTML 节点。

2.具体实现


	

最好是把当前行从左到右全部需要显示的文字都放在这个nodes里面,单独在 rich-text 外面写其他的html结构,不好控制样式,原因很简单,( nvue:恶 心 ),不过多解释

3.页面效果:

你可能感兴趣的:(uniapp,前端,uniapp,vue,javascript,web,app)