Vux: 토스트와 경고 표시는 모두 양방향이며 vuex 단방향 데이터 흐름을 사용할 때 항상 경고를 보고합니다.

그래서 당신의 제안은 무엇입니까? TwoWay는 구성 요소의 내부 작동이 표시를 변경하기 때문입니다. 그렇지 않으면 상태가 비정상적입니다.

twoWay는 양방향 바인딩 여부를 확인하는 것뿐입니다. 이제 시간 경고를 확인하는 것입니다.

그래서 양방향 바인딩 검증을 취소하는 것을 제안하지만 여전히 내부적으로 show의 값을 자동으로 변경하므로 외부에서 양방향을 사용하는 경우 값을 자동으로 변경할 수 있습니다.

물론 나는 외부적으로 쇼의 가치를 통제하기 위해 여기에 있다.

어떻게 생각해?

그냥 확인하는거 아님?

물론 검사일 뿐입니다!

TwoWay를 작성할 필요는 없지만 구성 요소에서 여전히 동기화에 바인딩되어 있으며 양방향일 수 있습니다.

VUE로 이직한지 한달 됐는데 길이 깊지 않아서 조언 부탁드립니다 😄

컴포넌트 바인딩을 위한 검증 기능일 뿐입니다. Alert 표시에 양방향 바인딩이 필요하지 않은 경우 on-hide 이벤트를 통해서만 show 값을 변경할 수 있습니다.

예, 경고가 이미 있습니다. 토스트, 나는 바운드 쇼를 변경하기 위해 setTimeout을 설정했습니다. 물론 숨김 상태가 가장 좋습니다.

또한 toast와 alert는 vuex와 그다지 호환되지 않는다고 생각합니다.

@JianleiZhang 은 다음 릴리스에서 구현합니다.

vuex+vux 조합에서도 Popup 구성 요소를 사용할 때 twoWay에 바인딩된 경고가 발생했습니다. 처음에는 변경 사항이 있을 때의 이벤트도 듣고 싶었습니다!나중에 여기에서 새로운 솔루션을 찾았습니다. 계산된 속성

다음은 간단한 예입니다.

<template>
  <popup :show.sync="showed">
    <group>
      <switch title="just switch" :value.sync="showed"></switch>
    </group>
   </popup>
</template>

<script>
export default {
  vuex: {
    getters: {
      getShow
    },
    actions: {
      updateShow
    }
  },
  computed: {
    showed: {
      get: function () {
        return this.getShow
      },
      set: function (val) {
        this.updateShow(val)
      }
    }
  }
}
</script>

모니터링 이벤트와 비교하여 계산 속성 캡슐화의 추가 계층이 있지만 경고하기 위해 작별을 고하기도 합니다.

@pzxbc 브릴리언트 : 스마일리:

@pzxbc getshow 의 값을 수정하기 위해 돌연변이를 발송한 다음 표시된 속성을 계산하면 값이 팝업 구성요소의 내부 show 값으로 전달되어 구성요소 상태가 변경된다는 것을 알았습니다. 위의 것이 내가 필요로 하는 것이지만 나는 console.log를 사용하여 돌연변이가 두 번 호출되었음을 찾기 때문에 표시된 다음 계산 속성이 this.updateShow 설정에 바인딩된 함수를 호출한다는 것을 발견했습니다.

내 접근 방식은 다음과 같습니다.

      set: function (val) {
        if (val === false){
          this.updateAlert(val)
        }
      }