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

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

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

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

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

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

对应代码:

javascript 复制代码
:class="[hColor('1',item, index)]"
相关推荐
sunly_7 小时前
uniapp:微信小程序,一键获取手机号
微信小程序·小程序·uni-app
Kx…………17 小时前
Day2:前端项目uniapp壁纸实战
前端·学习·uni-app·实战·项目
高山流水&上善17 小时前
uniapp地图导航及后台百度地图回显(v2/v3版本)
uni-app
Z编程18 小时前
uniapp微信小程序引入vant组件库
微信小程序·小程序·uni-app
web_Hsir21 小时前
vue + uniapp 实现仿百度地图/高德地图/美团/支付宝 滑动面板 纯css 实现
css·vue.js·uni-app
qq_316837751 天前
uniapp 打包 H5 向 打包的APP 使用 @dcloudio/uni-webview-js 传值
开发语言·javascript·uni-app
WeiAreYoung1 天前
uni-app ucharts自定义换行tooltips
uni-app
搬砖-无恙1 天前
vue+uniapp 获取上一页直接传递的参数
前端·vue.js·uni-app
喆星时瑜1 天前
HBuilder运行uni-app程序报错【Error: listen EACCES: permission denied 0.0.0.0:5173】
前端·javascript·uni-app·hbuilder·error·端口占用
养军博客1 天前
封装uniapp request promise化
前端·javascript·uni-app