美文网首页
iconfont使用数组遍历样式和动态改变样式

iconfont使用数组遍历样式和动态改变样式

作者: 爱学习的新一 | 来源:发表于2021-03-26 16:33 被阅读0次
    iconfont.png
    <div class="cell-list" :class="{cellActive:index==num}" v-for="(item,index) in menList" :key="index"
                        @click="menubtn(index,item.name)">
                          <i class="iconfont" :class="[item.Icon,{cellActive:index==num}]" ></i>
                          <span class="cell-span" :class="{cellActive:index==num}">{{item.name}}</span>
                        </div>
    
    
    methods: {
                menubtn(index,name){
                    console.log(name)
                    this.num = index
                    
                }
    

    相关文章

      网友评论

          本文标题:iconfont使用数组遍历样式和动态改变样式

          本文链接:https://www.haomeiwen.com/subject/otzjhltx.html