vue点击排序按钮之后按钮变色

举例：排序，点击按钮，按钮变为蓝色

使用判定表达式true或false定义样式是否显示
:class="{'自定义样式类名'：true或false表达式}"
上代码：

<i class="el-icon-caret-top" 
:class="{'active': activeSort.dataType=='MODIFY_TIME'&&activeSort.sortType=='asc'}"
 @click="sort('MODIFY_TIME','asc')">
</i>


<style lang='less' scoped>
.active{
  color: #1890ff;
}
</style>