plm BM

src/assets/scss/global.scss

@@ -500,3 +500,14 @@ a:hover{
     margin-left: -3px;
     margin-top: -2px;
   }
+
+/* 全局隐藏上下箭头 */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield; /* Firefox */
+}

src/main.js

@@ -53,3 +53,15 @@ new Vue({
   template: '<App/>',
   components: { App }
 })
+
+// 在Vue实例初始化之前添加全局事件监听器
+document.addEventListener('keydown', function(event) {
+  // 获取触发事件的元素
+  const targetElement = event.target;
+
+  // 如果触发事件的元素是<input type="number">，并且按下的是上下箭头键
+  if (targetElement.tagName === 'INPUT' && targetElement.type === 'number' && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
+    // 阻止默认行为，取消按上下箭头键改变值的行为
+    event.preventDefault();
+  }
+});