由于项目中,对向后台传值的参数类型限制比较严格,所以在整型的配置上出现了一些问题。
原因是:即使声明变量时,定义的是整型,后期页面中如果修改输入框中的值,该字段的类型将会由整型变成字符串,导致提交后台时报错。
经过一番查找,发现在v-model后面加.number,在加上type="number"。就可以不改变数据类型,所以我便尝试着加了,发现没有问题,可以实现效果。
注:变量声明中,如果不想给整型赋初始值,可以设置为:vlanid: undefined
代码如下:
<el-input v-model.number="temp.vlanid" type="number" maxlength="100"></el-input>
但是后续开发中,发现设置type="number"有bug,比如可以输入字母e等一些奇奇怪怪的bug。所以后期开发中都改用了el-input-number
代码如下:
<el-input-number v-model="temp.cycle" :controls="false" :precision="0" :min="1" :max="31"></el-input-number>
:precision="0"是限制输入正整数,输入小数点的时候,在鼠标遗失焦点时,会自动对输入框中的数字四舍五入
:controls="false"不显示组件自带的"+","-"操作