美文网首页
Vue 监听input输入 如果超过最大值,就取最大的值

Vue 监听input输入 如果超过最大值,就取最大的值

作者: 一个冬季 | 来源:发表于2019-04-03 17:25 被阅读0次
    <input class="mui-pull-right" type="text" value="0" v-model="inputValue" v-on:input="inputMoneyListern"/>
    vm = new Vue({
              el:"#contaner",
              data:{
                  defalut:50,
                  inputValue:0,
                },
                methods:{
                    inputMoneyListern:function(event){//输入监听
                        var number = event.target.value - 0;
                        if(number<=0){
                            return;
                        }
                        if(number > vm.defalut){//当输入的超过最大的值,就会用默认的值替换输入的值
                            vm.inputYue = vm.defalut;//替换用户输入的最大的值
                        }
                    },
                },
            })

相关文章

网友评论

      本文标题:Vue 监听input输入 如果超过最大值,就取最大的值

      本文链接:https://www.haomeiwen.com/subject/dlnzbqtx.html