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

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

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

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

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

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

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
你的眼睛會笑4 分钟前
uniapp 小程序 五星评分精确到0.1
javascript·小程序·uni-app
初遇你时动了情41 分钟前
vue3 uniapp封装一个瀑布流组件
前端·javascript·uni-app
你的眼睛會笑42 分钟前
uniapp 绘制五星评分 精确到半星
数据库·uni-app
林涧泣1 小时前
【Uniapp-Vue3】manifest.json配置
前端·vue.js·uni-app
资深前端之路3 小时前
vue运用uniapp框架开发企业微信小程序中常用的一些基础方法
uni-app
林涧泣13 小时前
【Uniapp-Vue3】@import导入css样式及scss变量用法与static目录
css·uni-app·scss
oil欧哟13 小时前
uniapp 小程序 textarea 层级穿透,聚焦光标位置错误怎么办?
vue.js·小程序·uni-app·uniapp
顽疲1 天前
springboot vue uniapp 仿小红书 1:1 还原 (含源码演示)
vue.js·spring boot·uni-app
林涧泣1 天前
【Uniapp-Vue3】pages.json页面路由globalStyle的属性
uni-app
林涧泣1 天前
【Uniapp-Vue3】组件中emit的声明触发事件
前端·vue.js·uni-app