uni.showModal的content内容换行 ,动态显示内容换行,动态参数,动态换行
在uniapp中uni.showModal({title: '更新提示',content: content,success: function (resp) {if (resp.confirm) {}}})当写成如上格式的时候,showModal内容中是不会换行的,这种写法是可以换行的,但是很多时候内容我们都是动态显示的uni.showModal({title: '更新提示',content: "
·
在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;
}
更多推荐
已为社区贡献1条内容
所有评论(0)