2024年Web前端最新vue引入js数字小键盘(3)，字节Web前端高工面试

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

return this.option.show

}

},

mounted() {

this.keyList = this.lowercase

},

methods: {

tabHandle({ value = ‘’ }) {

if(value.indexOf(‘tab-num’) > -1){

this.status = 2

//数字键盘数据

}else if(value.indexOf(‘key-delete’) > -1){

console.log(value.indexOf(‘key-delete’))

this.emitValue(‘delete’)

}else if(value.indexOf(‘tab-blank’) > -1){

this.emitValue(’ ')

}else if(value.indexOf(‘tab-enter’) > -1){

this.emitValue(‘\n’)

}else if(value.indexOf(‘tab-point’) > -1){

this.emitValue(‘.’)

}else if(value.indexOf(‘tab-symbol’) > -1){

this.status = 3

}else if(value.indexOf(‘tab-top’) > -1){

if(this.status === 0){

this.status = 1

}else{

this.status = 0

this.keyList = this.lowercase

}

}else{

}

},

clickKey(event) {

// if(event.type === ‘click’ && this.equip) return

let value = event.srcElement.innerText;

let id = event.srcElement.id;

let target = event.srcElement ? event.srcElement : event.target;

if(id !== ‘’ && id === ‘del’){//如果点击的是id为del的表示是删除

this.emitValue(id);

}else{//否则

value && id !== ‘del’? this.emitValue(value) : this.tabHandle(target.classList);

}

},

emitValue(key) {

console.log(key)

this.$emit(‘keyVal’, key)

},

closeModal(e) {

if (e.target !== this.option.sourceDom) {

// this.showKeyboard = false

this.$emit(‘close’, false)

}

}

}

}