如何绑定到<progress>元素？

Question

 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>

Answer 1

将其添加到progress组件的父组件中；

import { mapState } from "vuex";

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

这将从商店获得更新的值。然后，将其绑定到组件的值：

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