现在获取到的数据data如图所示,现在要根据data.task中的approve的值(有null,false,true)对应三种颜色蓝、红、绿。我用了 默认样式process我用蓝色,然后根据approve的值分别用true(adopt绿色样式覆盖蓝色)和false(rejece红色样式覆盖蓝色)
发现确实实现了效果,但是没有在官方文档中找到,想知道官网是否有这种用法(看到别人的博客中有这种用法),或者其他的实现方法么?
现在获取到的数据data如图所示,现在要根据data.task中的approve的值(有null,false,true)对应三种颜色蓝、红、绿。我用了 默认样式process我用蓝色,然后根据approve的值分别用true(adopt绿色样式覆盖蓝色)和false(rejece红色样式覆盖蓝色)
发现确实实现了效果,但是没有在官方文档中找到,想知道官网是否有这种用法(看到别人的博客中有这种用法),或者其他的实现方法么?
27 回答13k 阅读
8 回答3.5k 阅读✓ 已解决
6 回答1.2k 阅读✓ 已解决
5 回答5.3k 阅读✓ 已解决
4 回答1.6k 阅读✓ 已解决
3 回答1.7k 阅读
4 回答2.3k 阅读✓ 已解决
这并非NG的用法,而是Javascript的技巧。
{true: 'adopt', false: 'reject'}[item.approve]
其中,你把
{true: 'adopt', false: 'reject'}
当做某个变量a
,你就可以改写成:如果
item.approve
值为true
,则上面为a[true]
,也就是'adopt'
反之,则上面为
a[false]
,也就是'reject'
。当然可以使用最常规的三目运算符
item.approve ? 'adopt' : 'reject'
。