【前端学习记录】el-input-number不能正常加减

问题

今天同事让帮忙修改一个bug，现象是这样的：

• el-input-number组件
• 点击加减没有反应，控制台不报错，change事件没有触发
• 组件上有min和max定义，min为2，max为5
• 但是手动输入会触发change事件
• 当手动输入为3和4时，可以正常加减，加减至2或5后，加减无响应
  代码如下：

<el-input-number
        v-model="number"
        :min="min"
        :max="max"
        @change="change"
      ></el-input-number>

解决方案

经过测试发现，min和max被初始化成了字符串，当将两个变量初始化为Number类型后，即可解决上述bug。后续在写代码时，注意min和max需为Number类型。