项目中经常遇到计算属性需要根据参数变化返回不同的值,今天发现一个方法,利用闭包的方式实现,直接上代码

 <div>
    <div :class="{
        markRed: isColor('red')
    }">
       这个是红色
    </div>

    <div :class="{
        markBlue: isColor('blue')
    }">
       这个是蓝色
    </div>
    </div>

   computed:{
            isColor() {
                return prop=>{
                    return ['red','blue'].includes(prop)
                }
            }
        }

在计算属性中直接返回一个函数