问题:写了最大值最小值的限制,鼠标手动输入时还是能够脱离控制超出范围
解决方法:加入:active-change="false"属性
1.正常组件中
<InputNumber :max="9" :min="1" v-model="num" :active-change="false" ><InputNumber/>
2.render函数中
{
title: "装箱数",
width: 120,
render: (h, params) => {
let arr1 = [
h("InputNumber", {
props: {
'active-change':false, // 💛
value: 1,
min:1,
max:params.row.QTY,
},
on: {
input: (val) => {
this.modal_data[params.index].boxNumber = val;
params.row.boxNumber = val
params.row.endBox = params.row.QTY%val
this.modal_data[params.index].endBox = params.row.QTY%val
},
},
}),
];
return h("div", arr1);
},
},