vue에서 현재 항목의 표시 및 숨기기를 변경하는 방법

이제 Vue에서 현재 선택된 항목의 표시, 숨기기 또는 상태를 변경하는 구현 방법을 공유하겠습니다. 이는 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

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

state, 그냥 프로젝트에서 element-ui를 사용하면 작업이 더 간단해집니다. js에서는

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

이 방법의 아이디어는 다음과 같습니다.

마우스가 특정 항목을 가리키면 해당 항목의 ID를 가져와 변수에 저장합니다. row.id==currentId를 판단하고 이 버튼의 표시 및 숨기기를 제어합니다. 마우스가 특정 항목을 가리킬 때 현재 항목의 ID는 때가 왔을 때만 얻을 수 있으므로 row.id==currentId를 사용하여 판단하면 현재 항목의 변경 사항을 쉽게 제어할 수 있습니다. 위의 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다. 관련 기사:

vue.js의 페이징에서 페이지 내용을 변경하려면 페이지 번호를 클릭하세요.

vue2.0 구성 요소에서 값 전달 및 통신을 구현하는 방법

webpack 4.0.0-beta. 0 버전의 새로운 기능(자세한 튜토리얼)

위 내용은 vue에서 현재 항목의 표시 및 숨기기를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!