vue解决移动端active伪类无效问题

这里作者使用了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>
发布了77 篇原创文章 · 获赞 16 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/qq_41756580/article/details/95595118