이번에는 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]?'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> </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 중국어 웹사이트의 기타 관련 기사를 참조하세요!