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

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

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

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

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

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

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
00后程序员张8 小时前
对比 Ipa Guard 与 Swift Shield 在 iOS 应用安全处理中的使用差异
android·开发语言·ios·小程序·uni-app·iphone·swift
00后程序员张12 小时前
在 iOS 设备上同时监控 CPU、GPU 与内存的方法
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者816 小时前
在 Windows、Linux 与 CI 环境下命令行上传 IPA 到 App Store
linux·windows·ios·ci/cd·小程序·uni-app·iphone
码农客栈18 小时前
小程序学习(十三)之请求和上传文件拦截器
小程序·uni-app
龙井>_<18 小时前
uniapp“手搓”一个年月选择器模态框(兼容多端)
uni-app
web_Hsir18 小时前
uniapp + vue2 + pfdjs + web-view 实现安卓、iOS App PDF预览
android·前端·uni-app
peachSoda719 小时前
uniapp app使用命令行HBuilderX cli快捷打包iOS和Android
uni-app
2501_916007472 天前
跨平台 App 安全,Flutter、RN、Unity、H5 混合应用加固
android·ios·小程序·https·uni-app·iphone·webview
咕咕咕_biubiubiu2 天前
uniapp插件——原生插件开发和使用
uni-app
芋头莎莎2 天前
UNIAPP连接MQTT记录要点
uni-app