Form-inputNumber计数器

<!--要使用它,只需要在el-input-number元素中使用v-model绑定变量即可,变量的初始值即为默认值。-->
<el-input-number
    v-model="num1"
    @change="handleChange"
    :min="1"
    :max="10"
    label="描述文字">
</el-input-number>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                num1: 1
            };
        },
        methods: {
            handleChange(value) {
                console.log(value);
            }
        }
    })
</script>

Attributes

参数 说明 类型 可选值 默认值
value 绑定值 number
min 设置计数器允许的最小值 number -Infinity
max 设置计数器允许的最大值 number Infinity
step 计数器步长 number 1
precision 数值精度 number
size 计数器尺寸 string large, small
disabled 是否禁用计数器 boolean false
controls 是否使用控制按钮 boolean true
label 输入框关联的label文字 string

Events

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

猜你喜欢

转载自blog.csdn.net/hrbsfdxzhq01/article/details/85806966