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

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

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

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

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

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

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
Lsx-codeShare2 小时前
一文读懂 Uniapp 小程序登录流程
前端·javascript·小程序·uni-app
00后程序员张5 小时前
接口调试从入门到精通,Fiddler抓包工具、代理配置与HTTPS抓包实战技巧
前端·ios·小程序·https·fiddler·uni-app·webview
酸奶弄死你12 小时前
uniapp调用后台接口
uni-app·前后端
游戏开发爱好者820 小时前
iOS IPA 上传工具全面解析,从 Transporter 到开心上架(Appuploader)命令行的高效上架实践
android·ios·小程序·https·uni-app·iphone·webview
半开半落1 天前
uniapp通过npm使用第三方库兼容微信小程序
微信小程序·npm·uni-app
随笔记1 天前
HbuilderX载入项目,运行后唤起微信开发者工具,提示:Error: Fail to open IDE,唤醒不起来怎么办
javascript·微信小程序·uni-app
Lsx_1 天前
一文读懂 Uniapp 小程序登录流程
前端·微信小程序·uni-app
夏目友人爱吃豆腐1 天前
uniapp源码解析(Vue3/Vite版)
前端·vue.js·uni-app
2501_915106322 天前
iOS 抓包全流程指南,HTTPS 抓包、TCP 数据流分析与多工具协同的方法论
android·tcp/ip·ios·小程序·https·uni-app·iphone
邱泽贤2 天前
uniapp 当前页调用上一页的方法
前端·javascript·uni-app