요소에 바인딩하는 방법

요소에 바인딩하는 방법

 Vuex.Store({
  state: {
    percentage: 0,
  },
...

하고싶다<progress max="100" v-model="percentage"></progress>하지만 나는 점점error 'v-model' directives aren't supported on <progress> elements그렇지 않으면 어떻게 하죠?

그렇게 (또는 비슷한) 하고 싶다.

<progress max="100" value="0"></progress>

이것을 의 부모에 추가합니다.progress컴포넌트

import { mapState } from "vuex";

computed: {
               ...mapState({
                    percentage: state => state.percentage,
               }),
}

이렇게 하면 스토어에서 업데이트된 값을 얻을 수 있습니다.그런 다음 컴포넌트 값에 바인드합니다.

<progress max="100" :value="percentage"></progress>

언급URL : https://stackoverflow.com/questions/62346500/how-to-bind-to-progress-element