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

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

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

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

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

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

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
丸子哥哥3 小时前
vue + uni-app:利用原生uni.chooseImage封装拍照功能的组件
微信小程序·uni-app·vue
雪芽蓝域zzs3 小时前
uniapp 判断运行设备类型(安卓、苹果、鸿蒙、微信小程序、H5)
android·uni-app·harmonyos
梦6503 小时前
UniApp 全面介绍与快速上手
uni-app
壹号机长4 小时前
uniapp+vue3 接入deepseek Ai
ai·小程序·uni-app
2501_915106324 小时前
iOS开发中CPU功耗监控的实现与工具使用
android·macos·ios·小程序·uni-app·cocoa·iphone
绿鸳4 小时前
uniapp安装uview-plus
uni-app
iOS阿玮21 小时前
鸿蒙激励的羊毛,你"薅"到了么?
uni-app·app·apple
ResponseState2001 天前
安卓原生写uniapp插件手把手教学调试、打包、发布。
前端·uni-app
h_65432101 天前
uniapp app端解析图片的经纬度、方位角
uni-app
h_65432101 天前
uniapp app端获取指定路径下的所有图片
uni-app