为了账号安全,请及时绑定邮箱和手机立即绑定

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

/ 猿问

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

慕标5265247 2019-03-13 12:12:04

贴代码先

<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是某个变量;需要与获取到的数据挂钩,但是我这个写法就导致无法点击后增加减少的

https://img.mukewang.com/5c8f24ef0001456600500001.jpg

请问怎么解决呢

而在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的数据

https://img2.mukewang.com/5c8f24e7000127fa02230217.jpg


查看完整描述

2 回答

?
Mango_jjx

你好,你现在解决了吗,我也遇到同样问题😭

查看完整回答
反对 回复 2019-10-18
?
呼啦一阵风

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


查看完整回答
反对 回复 2019-03-18

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信