# inputNumber数字框
值:1
值:1
有最小最大值的数据:1
<template>
<el-row :span="24">
<el-col :span="6">
值:{{form}}<br/>
<avue-input-number v-model="form"></avue-input-number>
</el-col>
<el-col :span="24"></el-col>
<el-col :span="6">
值:{{form}}<br/>
<avue-input-number v-model="form" precision="2" controls-position=""></avue-input-number>
</el-col>
<el-col :span="24"></el-col>
<el-col :span="6">
有最小最大值的数据:{{hasMinMaxForm}}<br/>
<avue-input-number v-model="hasMinMaxForm" precision="2" controls-position="" :min="min" :max="max"></avue-input-number>
</el-col>
</el-row>
</template>
<script>
export default {
data() {
return {
form:1,
hasMinMaxForm: 1,
min: 0, // 最小值
max: 10 // 最大值
}
}
}
</script>
显示代码复制代码复制代码