当前位置: 首页 > 编程笔记 >

vue如何判断dom的class

慕凡
2023-03-14
本文向大家介绍vue如何判断dom的class,包括了vue如何判断dom的class的使用技巧和注意事项,需要的朋友参考一下

vue点击给dom添加class然后获取含有class的dom

<div class="chose-ck" v-for="(item,index2) in colors" :key="index2" ref="chosebox">

                  <p>{{item.name}}</p>
                  <dt v-for="(item2,index) in item.childsCurGoods" :key="item2.id" :class="index==iac[index2]?'check':''" :id="item2.id" :data-chosename="item.name" :data-choseidname="item2.name" :data-chose="item.id" :data-id="item2.id" @click="chek(index2,index)" >
                    {{item2.name}}
                  </dt>
                </div>js
  chek(index2, index) {
      this.iac[index2] = index
      this.iac = this.iac.concat([]);
      this.checkchose()
    },
    checkchose:function(){
      var chose=this
      var chosedom=chose.$refs.chosebox
      console.log(chosedom)
      for (var i=0;i<chosedom.length;i++) {
        var children=chosedom[i].children
        for (var j=0;j<children.length;j++) {  
          if(children[j].className=="check")
          {
            console.log(children[j])
          }
        }
      }
      
    }

点击过后获取到的dom打印

if(children[j].className=="check")

加了判断为什么打印出来的dom是点击之前的dom

总结

以上所述是小编给大家介绍的vue如何判断dom的class,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍如何判断dpr的倍数?相关面试题,主要包含被问及如何判断dpr的倍数?时的应答技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍js如何判断类型?相关面试题,主要包含被问及js如何判断类型?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 判断方法:typeof(),instanceof,Object.prototype.toString.call()等

  • 本文向大家介绍如何判断出一个js对象是否一个dom对象,包括了如何判断出一个js对象是否一个dom对象的使用技巧和注意事项,需要的朋友参考一下 我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的操作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法。 要判断一个对象是否DOM对象,首先想到的无非就是它是否具有DOM对象的各种属性或特征,比如是否有nodeType属性

  • 问题内容: 有没有一种有效的方法来判断DOM元素(在HTML文档中)当前是否可见(显示在 视口中 )? (问题是针对Firefox的。) 问题答案: 更新: 时间在前进,我们的浏览器也在前进。 不再推荐 使用 此技术, 如果不需要支持7之前的Internet Explorer版本,则应使用Dan的解决方案。 原始解决方案(现已过时): 这将检查该元素在当前视口中是否完全可见: 您可以简单地对其进行

  • 本文向大家介绍如何判断一个数组?相关面试题,主要包含被问及如何判断一个数组?时的应答技巧和注意事项,需要的朋友参考一下 参考回答:  

  • 请问asp如何instr判断多个,用,分割,代码如下。请问可以实现吗?谢谢。