Demo：缩放倍数输入框禁止输入非数字

web/src/pages/Edit/components/Scale.vue

@@ -12,6 +12,7 @@
       <input
         type="text"
         v-model="scaleNum"
+        @input="onScaleNumInput"
         @change="onScaleNumChange"
         @focus="onScaleNumInputFocus"
         @keydown.stop
@@ -82,6 +83,11 @@ export default {
       this.cacheScaleNum = this.scaleNum
     },
 
+    // 禁止输入非数字
+    onScaleNumInput() {
+      this.scaleNum = this.scaleNum.replace(/[^0-9]+/g, '')
+    },
+
     // 手动输入缩放倍数
     onScaleNumChange() {
       const scaleNum = Number(this.scaleNum)