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

效果成功:

相关推荐
@PHARAOH6 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_18 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙10 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_7978820911 小时前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
暮雨哀尘12 小时前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理13 小时前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
zoahxmy09291 天前
微信小程序 request 流式数据处理
微信小程序
人人题1 天前
汽车加气站操作工考试答题模板
笔记·职场和发展·微信小程序·汽车·创业创新·学习方法·业界资讯
曲江涛1 天前
微信小程序 webview 定位 并返回
微信小程序·小程序
weixin_440470501 天前
部署Dify接入微信验证反代根目录创建一个文件通过微信小程序验证
微信小程序·腾讯云