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) => {
			
		}
	})
},
相关推荐
hunterandroid3 分钟前
[鸿蒙从零到一] relationalStore 高级实践:事务、迁移与敏感数据保护
前端
lcarusZZZ3 分钟前
前端转型,自建新闻转播客工作流
前端
vipxieliang8 分钟前
JavaScript 事件循环与任务队列:从 setTimeout 到 Promise
前端·javascript
ZoeLandia9 分钟前
TypeScript 05:交叉类型、索引签名、元组与 enum
前端·typescript
anyup_前端梦工厂11 分钟前
uni-app 模板 Starter 一键清理 Skill 发布
前端·人工智能·uni-app
行者全栈架构师18 分钟前
【鸿蒙心迹】冷启动从 2.8s 优化到 0.9s——耗时拆解与数据对比实战(HarmonyOS 7.x)
前端·算法·架构
m0_5873830033 分钟前
无人自助拼豆系统的全栈开发方案
java·后端·struts·小程序·架构
AI源码35 分钟前
雷山苗韵 - 非物质文化遗产传承平台
小程序·非遗小程序
临期冰淇淋1 小时前
MTK平台 安卓16 GMS报错修改
android·java·前端
Misnearch1 小时前
React中的回调
前端·javascript·react.js