允许TAB缩进而不是移到下一个元素
使用@keydown.tab与@keyup.tab,因keyup发生在页面默认行为后,所以在keydown事件内阻止页面默认行为
挂载事件:
<textarea v-model="text" @keydown.tab="forbidTab($event)" @keyup.tab="replaceSpacing()"></textarea>
阻止默认行为监听tab
forbidTab(e){
e.preventDefault();
},
replaceSpacing(){
this.text += "\t";
},
每次发生tab击键在让其文本追加 \t 制表符,也可不使用v-model绑定数据 传递$event进来改变 event.target.value的值