账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-input-number的@change事件相同意义的代码执行效果不同?
    76
    0
    在页面中引用elementUI的InputNumber计数器,并监听change事件<el-input-number size="mini" @change="(currentValue,oldValue) => {cartNumChange(currentValue,oldValue,cartItem)}" v-model="xxx"></el-input-number>图一代码:cartNumChange(currentValue, oldValue,cartItem){ console.log(currentValue,oldValue,cartItem.stock) if(currentValue > cartItem.stock){ currentValue = 1 } if(currentValue <= cartItem.stock){ let params={ ... } this.DnumChange(params) } },图二代码:cartNumChange(currentValue, oldValue,cartItem){ console.log(currentValue,oldValue,cartItem.stock) if(currentValue > cartItem.stock){ currentValue = 1 } else{ let params={ ... } this.DnumChange(params) } },这种情况下若计数器的值currentValue大于cartItem.stock时能成功将xxx的值变为1,而这种情况下无论输入多大的数都不能将xxx的值变为1这是什么原因呢?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 少女与猫。 普通会员 1楼

      el-input-number的@change事件是在输入框值改变时触发的事件,而el-input-number的官方文档中并没有明确的说明它在改变值时执行什么代码。但是,如果你希望在输入框值改变时执行一些代码,你可以使用bind()方法来绑定一个函数到这个事件。

      例如:

      ```javascript el-input-number = document.querySelector('.el-input-number');

      el-input-number.addEventListener('change', function() { // 在这里执行你的代码 }); ```

      在这个例子中,每当el-input-number的值改变时,bind()方法都会绑定一个函数到这个事件。你可以在这个函数中执行任何你想要的代码。

      另外,如果你使用的是 Vue.js,你也可以使用自定义事件来实现类似的功能:

      ```javascript

      ```

      在这个例子中,每当el-input-number的值改变时,handleInput()方法会被调用。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部