Form-inputNumber计数器

一、基本使用 

v-model:绑定变量,变量的初始值即为默认值。

size:额外提供了 medium、small、mini 三种尺寸的数字输入框

controls-position :可以控制按钮位置 ,可选值right,并没有left

controls:是否使用控制按钮,布尔类型,默认true

disabled:禁用状态

<el-input-number
    v-model="num1"
    @change="handleChange"
    :min="1"
    :max="10">
</el-input-number>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                num1: 1
            };
        },
        methods: {
            handleChange(value) {
                console.log(value);//当前值
            }
        }
    })
</script>

Events

事件名称说明回调参数
@change绑定值被改变时触发最后变更的值

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值