效果图:
1、template
<view @click="showPriceDialog"></view>
2、data文章来源:https://www.toymoban.com/news/detail-602188.html
data() {
return {
contentText:"",
}
},
3、methods文章来源地址https://www.toymoban.com/news/detail-602188.html
// 价格公示
showPriceDialog: function() {
// 吨
let minPriceTon = 1900
let maxPriceTon = 3895
// 袋
let minPriceBag = 890
let maxPriceBag = 1785
// 车
let minPriceCar = 56
let maxPriceCar = 499
this.contentText = "每吨 "+minPriceTon+"至"+maxPriceTon+"元\n每袋"+minPriceBag+"至"+maxPriceBag+"元\n每车"+minPriceCar+"至"+maxPriceCar+"元"
//换行
let contentInfo = this.contentText.replace(/<br>/g,"\n")
uni.showModal({
title: "价格公示",
content: contentInfo,
confirmText: "确定",
showCancel: false,
success: (res) => {
}
})
},
到了这里,关于uniapp 微信小程序 uni.modal弹框+content内容自定义(内容换行)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!