← 링크비온 홈페이지로 돌아가기도움말 목록
visible 바인딩
값에 따라 요소가 나타나거나 사라집니다 — 경보 문구, 조건부 안내.
필요: 파트가 필요 없습니다 — 요소 전체가 사라집니다
prop: visible 규칙 출력이 '1' 또는 'true' 면 표시 · 규칙이 없으면 값 자체로 판단

설명

값을 보고 요소를 통째로 감췄다 드러냈다 합니다. 경보 문구, 조건부 안내, "해당 없음" 자리처럼 평소에는 없어야 하는 것에 씁니다.

임계값 규칙 을 걸면 그 출력이 1 또는 true 일 때 보입니다. 규칙을 안 걸면 태그 값 자체를 참/거짓으로 봅니다.

여러 항목 중 하나만 보이게 하려면 항목마다 visible 을 걸고 규칙을 서로 다르게 주면 됩니다 — 층별 안내판이 그렇게 만들어져 있습니다. 다만 한 요소 안에서 형상만 갈아 끼우는 것이라면 state 가 더 간단합니다.

설정 항목

이름값기본설명
태그tagId—읽을 게이트웨이 태그.
규칙threshold[](없음)출력이 1(보임) 또는 0(숨김)입니다. true/false 도 됩니다.
기본값string(없음)어느 규칙에도 안 맞을 때의 출력.

동작

값 3 · 규칙 == 3 → 1 → 보임. 규칙에 안 맞고 기본값도 없으면 태그 값 자체로 판단합니다.

규칙 없이 쓸 때 글자 "0" 은 보임으로 취급됩니다. 값이 참인지 거짓인지만 보는데, 빈 문자열이 아닌 글자는 전부 참입니다. 태그가 문자열로 "0" 을 내려 주는 프로토콜이라면 규칙 == 0 → 0 을 명시적으로 걸어야 합니다. 숫자 0은 뜻대로 숨겨집니다.

숨겼다 되살려도 원래 배치가 그대로 돌아옵니다. 특히 텍스트 요소의 세로 정렬이 흐트러지지 않습니다 — 처음 본 상태를 기억해 두었다가 그대로 복원합니다.

숨겨진 요소는 자리도 차지하지 않고 클릭도 받지 않습니다. 감춘 버튼 위에 다른 것이 겹쳐 있었다면, 다시 나타났을 때 가려질 수 있습니다. 자리는 남기고 흐리게만 하려면 opacity 를 쓰세요.

해 보기