vue는 현재 선택된 항목의 상태를 변경합니다.

이번에는 vue에서 현재 선택된 항목의 상태를 변경하는 방법을 알려드리겠습니다. vue에서 현재 선택된 항목의 상태를 변경하는 데 사용할 주의 사항은 무엇입니까? 보세요.

vue에서는 dom을 직접 조작하는 것이 더 이상 jq와 같지 않습니다. 현재 선택된 항목을 가리키려면 더 이상 jq의 아이디어를 사용할 수 없습니다.

상태를 가리킬 때 지정된 상태만 숨겨지고 다른 항목은 변경되지 않습니다. 프로젝트에서 element-ui를 사용하면 다음과 같이 설정하면 됩니다.

v-if="(row.id == currentId&&row.auditState==0)?checkState:!checkState" @mouseover="statehidden(row.id)"

js에서:

statehidden(id){
   this.currentId=id; 
  },

이 방법의 아이디어는 다음과 같습니다. 마우스가 항목을 가리키면 항목의 ID를 가져와 변수에 저장하고, row.id==currentId를 결정하고 이 버튼을 제어합니다. 현재 항목의 ID는 마우스가 항목을 가리킬 때만 얻을 수 있으므로 row.id==currentId를 사용하여 판단할 수 있으므로 현재 항목의 변경 사항을 쉽게 제어할 수 있습니다. item

이 글의 사례를 읽어보셨을 거라 믿습니다. 방법을 익히신 후, 더 흥미로운 내용을 보시려면 PHP 중국어 웹사이트의 다른 관련 글도 주목해주세요!

추천 도서:

Vue better-scroll 스크롤 플러그인 상세 설명

mint-ui 시간 플러그인 사용 시 선택 값을 얻는 방법

위 내용은 vue는 현재 선택된 항목의 상태를 변경합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!