微信小程序uni :class不支持xxx语法

问题代码:

复制代码
					<view class="cellTop">
						<view>{{list.payTime}}</view>
						<view :class="`payStatusClass${list.payStatus}`">{{payStatusDe[list.payStatus]}}</view>
					</view>

.payStatusClass1{
						color: rgb(246, 122, 10);
					}
					.payStatusClass2{
						color: rgb(66, 202, 76);
					}
					.payStatusClass3{
						color: rgb(153, 153, 153);
					}

问题报错

解决方式:

复制代码
	<view class="cellTop">
		<view>{{list.payTime}}</view>
		<view :class="[`payStatusClass${list.payStatus}`]">{{payStatusDe[list.payStatus]}} 
        </view>
	</view>

效果成功:

相关推荐
拖孩17 小时前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序
云-缩影18 小时前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
Frag0ut21 小时前
Notepad++ 正则表达式完全手册:文本处理的终极武器(2026实战版)
正则表达式·notepad++·数据清洗·日志分析·正则替换·提取ip·正则表达式实战
极限挑战哥1 天前
共享电单车联营平台分账架构实践:二清合规与自动分账零人工方案
java·大数据·人工智能·微信小程序·架构·微信公众平台
超级新零售2 天前
服装订货会数字化:商品版本、订单状态与后续配发数据如何衔接?
大数据·小程序·企业微信
Frag0ut2 天前
Notepad++ 零基础入门:从记事本到代码编辑器的平滑过渡(2026最新版)
python·编辑器·html·json·notepad++·markdown·记事本
云-缩影2 天前
拆解微信小程序后端架构:ECS、RDS、SSL 和 VPC 怎么配合
微信小程序·架构·ssl
拖孩2 天前
AI 帮我写的小程序上线 44 天:36 个人进了收银台,8 个人付钱
前端·后端·微信小程序
xiezhr2 天前
我用workBuddy开发了自己的第一个小程序并成功上线了
ai·小程序·ai agent·workbuddy