반응형
vuex의 상태를 기반으로 보기를 전환하려면 어떻게 해야 합니까?
단추가 있습니다.<Button> Log me in! </Button>현재 사용하고 있는 vuex 앱의 상태에 따라 css 클래스를 변경하고 싶습니다.(state.usernull이 아닙니다)
이 코드를 작성하는 적절한 방법은 무엇입니까?
이 보기의 클래스 이름인 상태에서 필드를 만들고 그에 따라 작업/변환에서 필드를 변경할 수 있습니다.하지만 제가 이 논리를 세워야 할 더 좋은 곳이 있을까요?이 필드는 완전히 컴포넌트에 의존하기 때문에 글로벌 상태로 "유출"되어서는 안 된다고 생각합니다.
일반적인 객체바인딩 구문을 사용합니다.
<button :class={someClass: !$store.state.user}>Log me in!</button>
또는 Vuex에서 getter를 정의하고 클래스 정의에 사용합니다.
올바른 방법은 계산된 함수를 사용하여 v-show 디렉티브를 바인딩하는 것이라고 생각합니다.
언급URL : https://stackoverflow.com/questions/44350397/how-to-toggle-a-view-based-on-a-state-in-vuex
반응형
'source' 카테고리의 다른 글
| SQL Provier를 dotnet core 3.1 MySQL(실제로는 MariaDB)에서 작동시키는 방법 (0) | 2022.12.25 |
|---|---|
| 데이터베이스에서 생성된 열 값을 JPA 및 최대 절전 모드에서 읽기 전용 필드로 정의하는 방법은 무엇입니까? (0) | 2022.12.25 |
| 변수가 클래스인지 확인하는 방법 (0) | 2022.12.25 |
| 현재 시각을 YYY-MM-DD HH로 취득하는 방법:MI: Sec.Millisecond 포맷(Java) (0) | 2022.12.25 |
| 어떻게 두 줄을 숫자처럼 추가할 수 있죠? (0) | 2022.12.25 |