uniapp-:class内使用函数报错及解决方法

在开发时,需要根据状态动态的去渲染颜色,这个时候就用到了 :class

javascript 复制代码
:class="hColor('2',item, index)"

在vue内开发时,此代码片段可以正常使用

在uniapp内开发时,相同代码报错,因为在uniapp内 :class不支持直接调用函数返回值形式的写法

查阅资料,找出解决方法,在对应函数外包裹一层 [] 就可以实现对应效果

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
apollo_qwe14 小时前
解决移动端键盘遮挡痛点
uni-app
脾气有点小暴1 天前
scroll-view分页加载
前端·javascript·uni-app
脾气有点小暴1 天前
uniapp自定义头部导航
前端·uni-app
前端 贾公子2 天前
[uniapp][swtich开关]阻止切换状态(类似阻止事件冒泡)
uni-app
雪芽蓝域zzs2 天前
uniapp基于picker选择器实现年月日时分秒
uni-app
niucloud-admin2 天前
本地开发部署——uniapp端站点部署
uni-app
毕设源码-郭学长3 天前
【开题答辩全过程】以 基于uni-app的维修上门服务小程序设计与实现为例,包含答辩的问题和答案
uni-app
xiaohe06013 天前
📦 Uni ECharts 是如何使用定制 echarts 的?一篇文章轻松掌握!
vue.js·uni-app·echarts
Front思3 天前
uniapp实现物流节点
uni-app
赵庆明老师3 天前
uniapp 微信小程序页面JS模板
javascript·微信小程序·uni-app