vue动态更新了，但是dom未成功渲染

Question

data: {
    percentge: ''
},
watch:{
        percentage: function (curVal, oldVal) {
            this.changePercent(curVal)
        }
    },
methods: {
        changePercent: function (curVal) {
            this.$nextTick(() => {
                this.percentage = curVal
            }
        },

如图，我监听一个百分比，然后我再dom中有这样一个按钮，如果百分比是10，按钮就会显示，但是虽然百分比为10，按钮的属性仍然没有生效，感觉dom的percentage并没有更新啊

Answer 1

disabled是布尔值吧，你这个写的是字符串“true”、“false”

Answer 2

disabled: this.percentge === '10' ? true : false

Answer 3

看目前代码猜测有几个可能问题：

• data 里 percentge 属性拼写错误
• 看i-button的写法应该是用了iview吧，diabled属性应该要作为组件的props传入才能控制按钮开启或禁用
• disabled 要设置布尔值，直接用disabled: this.percentge === '10'就可以了

Answer 4

disabled是布尔值

disabled: this.percentge === '10'