uni.showModal的content内容换行 ,动态显示内容换行,动态参数,动态换行

编程知识 更新时间:2023-04-05 06:23:58


在uniapp中

uni.showModal({
	title: '更新提示',
	content: content,
	success: function (resp) {
		if (resp.confirm) {
			
		}
	}
})

当写成如上格式的时候,showModal内容中是不会换行的,
这种写法是可以换行的,但是很多时候内容我们都是动态显示的

uni.showModal({
	title: '更新提示',
	content: "1.实名认证\n2.自动检测更新\n3.细节优化",
	success: function (resp) {
		if (resp.confirm) {
		}
	}
})

解决办法:我这里是跟后端对好,用 <br>代表换行,在进行替换成 \n 的形式,完美解决动态显示换行的问题,真机和H5测试都是没问题的。

content = content.replace(/<br>/g,"\n")
uni.showModal({
	title: '更新提示',
	content: content,
	success: function (resp) {
		if (resp.confirm) {
		}
	}
})


有点需要注意,看看css中这个是否存在,不存在的话需要自己添加一下

uni-modal .uni-modal__bd{      
    white-space: pre-wrap;      
}

更多推荐

uni.showModal的content内容换行 ,动态显示内容换行,动态参数,动态换行

本文发布于:2023-04-05 06:23:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/6d32cd09eaaf5a3c1a4647173787b0f2.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:换行   动态   内容   参数   uni

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 45258文章数
  • 14阅读数
  • 0评论数