关于vue.js的class问题

问题描述

问 题

如上图,我分页器引用的css库,page-item是固定的class,右边的active也一样,就是点击后背景变色,我想做的就是根据currentPage来动态更改active,这里的currentPage初始为1,该怎么写?
"active":currentPage==index写法也没反应

解决方案

如果你是需要当前页码等于index时给这个item加active样式的话，那你应该这么写啊：

<xxx :class="['page-item', {active: currentPage === index}]">

这篇关于关于vue.js的class问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！