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 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone1 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09011 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
游戏开发爱好者81 小时前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview
我是伪码农1 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king2 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
夏幻灵3 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_3 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝3 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions3 小时前
2026年,微前端终于“死“了
前端·状态模式