element-ui的计数器插件点击无法增加和减少

Question

贴代码先

<div v-for="item in currentQuestionTypeList">
        {{ item.name }}<el-input-number v-model="item.count" :min="0" :max="10" label=""></el-input-number>
</div>

由于设计需求，此计数器组件的个数需要跟后台数据来确定有多少个；所以无法写死v-model是某个变量；需要与获取到的数据挂钩，但是我这个写法就导致无法点击后增加减少的

请问怎么解决呢
而在currentQuestionTypeList这个里面我也添加了count这个属性

getQuestionType(subject_id) {
    var that = this;
    this.loading = true;
    api.getQuestionType(subject_id).then(response => {
        that.currentQuestionTypeList = response.data.datalist.filter(function(x){
            return ['3','39','7'].indexOf(x.id)>-1
        })
    that.currentQuestionTypeList.forEach(function(v,i){
        v['count']=0
    });
    //单选题==3   判断题==39 多选题==7
    console.log(that.currentQuestionTypeList)
    })
}

这个是currentQuestionTypeList的数据

Answer 1

是你的currentQuestionTypeList数组中的对象没有这个属性吧：count

Answer 2

楼主是怎么解决的，跟你遇到的问题一样，抱紧楼主大腿

Answer 3

我也遇到了，不知道这是组件设计缺陷还是啥意思呢，楼主解决了没有，请赐教。