作者:新起点新娘妆 | 来源:互联网 | 2023-08-20 13:12
el-input的type“number”隐藏上下增减标和禁止鼠标滚轮滚动使用场景描述:经常遇到需要对输入的数字进行限制,使用type“number”会出现:右侧滚轮会随着鼠标滚动
el-input的type=“number” 隐藏上下增减标和禁止鼠标滚轮滚动
使用场景描述:
经常遇到需要对输入的数字进行限制,使用type=“number” 会出现:
右侧滚轮会随着鼠标滚动上下滑动增减值(默认以1为跨步),现在需要去掉这个效果需要两个步骤:
- 第1步在样式中隐藏右测滚动(只是隐藏,滚动仍会出现数值的增减,此时需要做第2步)
type="number"
v-model="productWeight"
placeholder=""
@wheel.native.prevent="stopScroll($event)"
>
stopScroll(evt) {
evt = evt || window.event;
if (evt.preventDefault) {
// Firefox
evt.preventDefault();
evt.stopPropagation();
} else {
// IE
evt.cancelBubble = true;
evt.returnValue = false;
}
return false;
},