这里作者使用了vue的 @touchstart 和 @touchend 事件来实现了active伪类特效:
实现方法如下:
.active{
background-color: rgba(0,0,0,0.5);
}
<a class="emoji-block" v-for="(emoji,index) in data" :class="{'active': emojiBlock==index}" @touchstart="emojiBlock=index;" @touchend="emojiBlock=1000" ></a>