vue监听input,如果不输入正整数,显示0

参考大佬写的,主要逻辑如下,绑定input监控事件,判断正则输入,如果不满足,用setTimeout延迟修改值为0

代码如下:
<el-input
placeholder="请输入内容"
v-model="searcher"
v-on:input="searchValue"
clearable>
</el-input>
<script>
export default {
  data() {
    return {
      searcher: "0", 
    };
  },
  methods: {
    searchValue(){
          let reg = /^[1-9][0-9]{0,}$/;
        if (!reg.test(this.searcher)) {
            setTimeout(()=>{
             this.searcher = 0;
          },0)
        }
    }
  },
};
</script>

转载自

猜你喜欢

转载自blog.csdn.net/weixin_42429288/article/details/83583534