Skip to content

E
Element
Commit 2cce804e authored by Leopoldthecoder's avatar Leopoldthecoder
Browse files
Options

MessageBox: autofocus confirm button

parent 135c8ed4
Hide whitespace changes
Inline Side-by-side
Showing with 6 additions and 1 deletion
packages/message-box/src/main.vue
View file @ 2cce804e
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</div> </div>
<div class="el-message-box__btns"> <div class="el-message-box__btns">
<el-button :class="[ cancelButtonClasses ]" v-show="showCancelButton" @click.native="handleAction('cancel')">{{ cancelButtonText }}</el-button> <el-button :class="[ cancelButtonClasses ]" v-show="showCancelButton" @click.native="handleAction('cancel')">{{ cancelButtonText }}</el-button>
<el-button autofocus :class="[ confirmButtonClasses ]" v-show="showConfirmButton" @click.native="handleAction('confirm')">{{ confirmButtonText }}</el-button> <el-button ref="confirm" :class="[ confirmButtonClasses ]" v-show="showConfirmButton" @click.native="handleAction('confirm')">{{ confirmButtonText }}</el-button>
</div> </div>
</div> </div>
</transition> </transition>
...@@ -146,6 +146,11 @@ ...@@ -146,6 +146,11 @@
}, },
value(val) { value(val) {
if (this.$type === 'alert' || this.$type === 'confirm') {
this.$nextTick(() => {
this.$refs.confirm.$el.focus();
});
}
if (this.$type !== 'prompt') return; if (this.$type !== 'prompt') return;
if (val) { if (val) {
setTimeout(() => { setTimeout(() => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment