openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
街角小林 2024-08-23 16:02:42 +08:00
parent 32ce3bce17
commit ab4cf28f9e
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/pages/Edit/components/Scale.vue
View File

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