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

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

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

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

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

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

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
聊询QQ:276998857 小时前
基于Matlab的转速开环恒压频比异步电动机调速系统设计报告与仿真程序
uni-app
2501_9151063210 小时前
iOS 抓不到包怎么办?从 HTTPS 代理排查到 TCP 数据流捕获的全链路解决方案
android·tcp/ip·ios·小程序·https·uni-app·iphone
游戏开发爱好者810 小时前
APP上架苹果应用商店经验教训与注意事项
android·ios·小程序·https·uni-app·iphone·webview
济南壹软网络科技有限公司10 小时前
沉浸式体验革命:壹软科技2025新版盲盒源码前端3D渲染与个性化运营技术解析
前端·科技·uni-app·开源·php·盲盒源码
Qin_jiangshan12 小时前
flutter和reactNative以及uniapp区别
flutter·react native·uni-app
MrTan13 小时前
Uni-App 鸿蒙应用微信相关功能上架踩坑:自制微信安装检测插件
uni-app·harmonyos
2501_9160074713 小时前
苹果应用商店上架的系统逻辑,从产品开发到使用 开心上架 上架IPA 交付审核流程
android·ios·小程序·https·uni-app·iphone·webview
IT 前端 张14 小时前
Uni-app 实现全局无操作监听:自动退出弹窗倒计时功能
运维·服务器·uni-app
一只月月鸟呀14 小时前
使用node和@abandonware/bleno写一个ble模拟设备,用Uni-app模拟终端连接
uni-app
初遇你时动了情14 小时前
vue3 ts uniapp基本组件封装、通用组件库myCompont、瀑布流组件、城市选择组件、自定义导航栏、自定义底部菜单组件等
typescript·uni-app·vue3