vue 에서 선택 한 현재 항목 의 숨 김 이나 상 태 를 표시 하 는 방법 을 변경 합 니 다.

935 단어 vue뽑다디 스 플레이숨기다상태.
vue 에 서 는 이미 jq 처럼 dom 을 직접 조작 하지 않 습 니 다.현재 선택 한 항목 을 가리 키 려 면 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 를 이용 하여 판단 하면 현재 항목 의 변 화 를 쉽게 제어 할 수 있다.
이 vue 에서 선택 한 현재 항목 의 숨 김 이나 상 태 를 바 꾸 는 실현 방법 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.
vue.js 를 이용 하여 선 택 된 상 태 를 바 꾸 는 방법
Ionic 학습 일기 인증 코드 카운트다운 실현

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage