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

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

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

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

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

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

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
2501_915106323 小时前
Perfdog 成本变高之后,Windows 上还能怎么做 iOS APP 性能测试
android·ios·小程序·https·uni-app·iphone·webview
奶糖 肥晨3 小时前
JS自动检测用户国家并显示电话前缀教程|vue uniapp react可用
javascript·vue.js·uni-app
2501_915106323 小时前
iOS 安装了证书,HTTPS 还是抓不到
android·网络协议·ios·小程序·https·uni-app·iphone
2501_916007475 小时前
iOS 自动化上架的工具组合,在多平台环境中实现稳定发布
android·运维·ios·小程序·uni-app·自动化·iphone
1024小神5 小时前
uniapp项目中使用vue3和小程序组件父子通信
前端·小程序·uni-app
fruge7 小时前
华玥组件库 · 为 uni-app 打造的新一代高效组件解决方案
uni-app
遗憾随她而去.21 小时前
uniapp 折叠动画 <transition> 踩坑记录
css·uni-app
百锦再1 天前
Elements Plus 跨设备自适应显示问题综合解决方案
python·flutter·小程序·uni-app·k8s·tornado·net
坚持学习前端日记1 天前
UniApp APK打包与Android深度集成能力解析
android·vue.js·uni-app
wetyuo2 天前
【随手记】uniapp + V3 使用TailwindCss3
uni-app·vue·css3·vite