vue.js - element中的el-input组件中change事件中修改v-model的值不会生效?
本文介绍了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屋!
查看全文