> 웹 프론트엔드 > JS 튜토리얼 > vue에서 현재 항목의 표시 및 숨기기를 변경하는 방법

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

亚连
풀어 주다: 2018-06-07 11:23:00
원래의
1888명이 탐색했습니다.

이제 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿