微信小程序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>

效果成功:

相关推荐
2501_9339072111 分钟前
本凡科技提供宁波小程序服务与定制解决方案
科技·微信小程序·小程序
计算机徐师兄24 分钟前
Java基于SpringBoot的运动健康小程序【附源码、文档说明】
spring boot·小程序·运动健康·java运动健康小程序·运动健康小程序·java运动健康微信小程序·运动健康微信小程序
Xpower 1727 分钟前
OpenClaw实战:从零开发电商小程序(2)
人工智能·语言模型·小程序·gateway
2501_933907219 小时前
宁波小程序开发服务与技术团队专业支持
科技·微信小程序·小程序
sheji341618 小时前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序
const_qiu20 小时前
微信小程序自动化测试100%通过率实践
微信小程序·小程序
Greg_Zhong1 天前
小程序中登出/切换/重置页面状态的使用
小程序
一字白首1 天前
微信小程序进阶实战:从 UI 组件库到全局状态管理全解DAY05
ui·微信小程序·小程序
海石2 天前
微信小程序开发02:原始人也能看懂的着色器与视频处理
前端·微信小程序·视频编码
li9056632802 天前
hanzi-writer-miniprogram Path2D问题以及Bug修复
微信小程序·bug