优化点击新建文件夹的用户体验

This commit is contained in:
jmal 2020-05-20 15:55:54 +08:00
parent f2ee0f415c
commit f1ed84093f

View File

@ -42,7 +42,7 @@
</a> </a>
</li> </li>
<div v-show="showNewFolder" class="folder-name-form"> <div v-show="showNewFolder" class="folder-name-form">
<el-input v-focus v-model="newFolderName" placeholder="请输入文件夹名称" :clearable="true" @keyup.enter.native="newFolderNameClickEnter"> <el-input ref="newFolderName" v-model="newFolderName" placeholder="请输入文件夹名称" :clearable="true" @keyup.enter.native="newFolderNameClickEnter">
<el-button <el-button
slot="append" slot="append"
v-loading="newFolderLoading" v-loading="newFolderLoading"
@ -1287,6 +1287,10 @@
newFolder() { newFolder() {
this.newFolderName = this.getNewFolderName(this.fileList,'新建文件夹') this.newFolderName = this.getNewFolderName(this.fileList,'新建文件夹')
this.showNewFolder = true this.showNewFolder = true
this.$nextTick(()=>{
this.$refs.newFolderName.focus()
this.$refs.newFolderName.select()
})
}, },
getNewFolderName(fileList,newFolderName){ getNewFolderName(fileList,newFolderName){
let append = 0 let append = 0