uniapp 微信小程序 uni.modal弹框+content内容自定义(内容换行)

效果图:

1、template

bash 复制代码
<view  @click="showPriceDialog"></view>

2、data

bash 复制代码
data() {
	return {
		contentText:"",
	}
},

3、methods

bash 复制代码
// 价格公示
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) => {
			
		}
	})
},
相关推荐
九九落1 小时前
前端获取经纬度完全指南:从Geolocation API到地图集成
前端·获取经纬度
来恩10031 小时前
jQuery选择器
前端·javascript·jquery
前端繁华如梦1 小时前
树上挂苹果还是挂玻璃球?Three.js 程序化果实的完整实现指南
前端·javascript
墨痕诉清风1 小时前
Web浏览器客户端检测网站网络健康(代码)
前端·网络·测试工具
IMPYLH1 小时前
Linux 的 wc 命令
linux·运维·服务器·前端·bash
jingling5551 小时前
uni-app农场地图——高德 JS API 实现全解析(天地图影像作为layers)
uni-app
happybasic2 小时前
Python库升级标准流程~
linux·前端·python
川冰ICE2 小时前
前端工程化深度实战:从Webpack5到Vite5的构建工具演进与选型决策
前端
CDwenhuohuo2 小时前
优惠券组件直接用 uview plus
前端·javascript·vue.js
用户74090472362752 小时前
我用 curl 排查了一次 OpenAI-compatible API 连接失败:401、403、404 分别怎么定位
前端