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

效果成功:

相关推荐
niech_cn4 小时前
仿微信上传头像,实现拍摄、相册选择、手动缩放、裁剪、蒙版、撤回、还原、上传微信本地文件功能
微信·小程序
小旭@8 小时前
uniapp 微信小程序遇到的坑
微信小程序·uni-app
某公司摸鱼前端8 小时前
uniapp 支付宝小程序自定义 navbar 无效解决方案
小程序·uni-app
旧人238 小时前
微信小程序 首页之轮播图和搜索框 代码分享
微信小程序·小程序
hi星尘14 小时前
深度解析:基于Python的微信小程序自动化操作实现
python·微信小程序·自动化
人工智能的苟富贵18 小时前
微信小程序直传阿里云 OSS 实践指南(V4 签名 · 秒传支持 · 高性能封装)
阿里云·微信小程序·小程序
时之彼岸Φ18 小时前
Fiddler+Yakit实现手机流量抓包和小程序抓包
智能手机·小程序·fiddler
换日线°19 小时前
微信小程序根据图片生成背景颜色有效果图
微信小程序
suncentwl20 小时前
为什么选择有版权的答题pk小程序
小程序·答题小程序·答题pk