Vue实现排行榜前三动态切换图标，排行榜图标动态切换

HuiRonmantic

已于 2024-05-22 11:06:40 修改

阅读量5.9k

点赞数 2

分类专栏：大前端文章标签： vue.js 前端 javascript

于 2021-04-23 17:57:50 首次发布

本文链接：https://blog.csdn.net/weixin_41346436/article/details/116062559

版权

大前端专栏收录该内容

35 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了使用Vue和JavaScript在前端实现排行榜前三名动态切换图标的详细过程，旨在记录这一功能并为他人提供参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue ，Js，前端实现排行榜前三动态切换图标

这可能是个小功能，但是就是想记录一下，希望能帮到你
效果图
在这里插入图片描述
这个功能或许还是比较常见，但是网上好像暂时没有过多的案例,所以做个记录

<template>
//主体
 <div v-for="(item,id) in classLister" :key="id" class="studentslister">
            <div v-if="id === 0">
                <img src="../../../assets/newIndex/rank01.png" />
            </div>
            <div v-else-if="id === 1">
                <img src="../../../assets/newIndex/rank02.png" />

了解本专栏