解决element的el-input无法输入问题

咸鱼起码是条鱼

于 2023-11-15 15:54:45 发布

阅读量766

点赞数 2

分类专栏： Js 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_44063746/article/details/134422235

版权

Js 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何在Vue.js中使用el-input组件，关注了`v-model`绑定、`maxlength`限制、`placeholder`提示以及`changeMessage`自定义事件处理，特别提到了如何实现值的验证和强制刷新视图的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-input
    maxlength="5"
    placeholder="请输入年龄"
    v-model="addValue.age"
    @input="changeMessage"
    onkeyup="this.value=this.value.replace(/^0/g, '').replace(/[^0-9]/g, '')"
>
</el-input>


changeMessage(){
  //强制刷新或者使用this.$set方法
  this.$forceUpdate()
},