Vue는 DOM의 클래스 사용법을 결정합니다.

이번에는 dom에서 class를 판단하기 위한 vue의 사용법을 알려드리겠습니다. dom에서 클래스를 판단하기 위한 vue의 주의사항은 무엇입니까?

vue는 클릭하여 DOM에 클래스를 추가한 다음 해당 클래스가 포함된 DOM을 가져옵니다

<p 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]?&#39;check&#39;:&#39;&#39;" :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>
                </p>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인 이유를 확인하기 위해 추가되었습니다

믿거나 말거나 이 글의 사례를 읽으신 후, 방법을 숙지하셨으니 더 흥미로운 정보를 보시려면 PHP 중국어 웹사이트other관련 글을 주목해주세요!

추천 도서:

vue 모바일 WeChat 공개 계정을 구현하는 단계에 대한 자세한 설명

vue-cli 프로젝트에 배경 모의 인터페이스를 추가하는 단계에 대한 자세한 설명

위 내용은 Vue는 DOM의 클래스 사용법을 결정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!