vue.js - element中的el-input组件中change事件中修改v-model的值不会生效？

问题描述

问 题

element中的el-input组件中change时间中修改v-model的值不会生效？

<el-input v-model="value" v-on:change="change" type="number"></el-input>

export default{
    data() {
        return {
            value: ''
        }
    },
    methods: {
        change(value) {
            // 目的是去掉输入框中的小数点
            if (this.value) {
              this.value = parseInt(value);
            }

        }
    }
}

解决方案

然鹅，楼上两位的回答并不会达到楼主想要的效果，如果仅仅是把小数粘贴到输入框，是可以去掉小数点的，但实时输入就不行了。还需要加 $nextTick：

change() {
  // 目的是去掉输入框中的小数点
  if (this.value) {
    this.$nextTick(() => {
      this.value = parseInt(this.value);
    })
  }
}

这篇关于vue.js - element中的el-input组件中change事件中修改v-model的值不会生效？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！