목록을 렌더링 VUE 프로젝트의 실현은 현재 항목을 클릭 (하이라이트)를 가져옵니다

간단한 예 :

이것은 렌더링 코드의 목록입니다

초기 값 0으로 설정된 데이터

< "(항목, 인덱스) tochildren에서"= 사업부의-에 대한 V : 키 = "인덱스"@ 클릭 = "currentIndex = 인덱스"클래스 = "{을 Style1 : 인덱스 == currentIndex}"> {{항목}} </ DIV>

뿐만 아니라 클릭에 의해 할당 된 현재 인덱스 값을 변경, 스타일에 해당하는 경우 핵심 수요가 주로 바운드 속성입니다 달성 cureentIndex 현재 인덱스의 클릭되는,을 Style1 스타일을 표시됩니다이 시간에 클릭

 

하드 페이지 목록은 어떻게 현재의 서브 - 소자의 동일 라인을 얻었다

<UL>

<LI : 클래스 = "{을 Style1 : 인덱스 == 1}"@ 클릭이 = "인덱스 = 1">이 제 라인 </ 리>

<LI : 클래스 = "{을 Style1 : 인덱스 2} =="@ 클릭이 = "인덱스 = 2">이 두번째 라인 </ 리>

</ UL>

이 시간 만 지수는 죽은 작성

 

이 아이디어는 객체를 클릭 현재의 하이라이트를 얻을 해결하는 데 사용할 수 있습니다, 나는 당신이 할 수 있도록할지 여부를 몰라? 어서!