mirror of https://github.com/ElemeFE/element
support button autofocus && autofocus message box confirm button
parent
01a6bd6f40
commit
2e77e5a50b
|
@ -191,4 +191,5 @@ Button 组件提供除了默认值以外的三种尺寸,可以在不同场景
|
|||
| plain | 是否朴素按钮 | Boolean | true,false | false |
|
||||
| disabled | 禁用 | boolean | true, false | false |
|
||||
| icon | 图标,已有的图标库中的图标名 | string | — | — |
|
||||
| autofocus | 是否默认聚焦 | boolean | — | false |
|
||||
| native-type | 原生 type 属性 | string | button,submit,reset | button |
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
<template>
|
||||
<button :disabled="disabled" class="el-button"
|
||||
@click="handleClick"
|
||||
:autofocus="autofocus"
|
||||
:type="nativeType"
|
||||
:class="[
|
||||
type ? 'el-button--' + type : '',
|
||||
|
@ -35,18 +36,10 @@
|
|||
type: String,
|
||||
default: 'button'
|
||||
},
|
||||
loading: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
plain: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
loading: Boolean,
|
||||
disabled: Boolean,
|
||||
plain: Boolean,
|
||||
autofocus: Boolean
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
</div>
|
||||
<div class="el-message-box__btns">
|
||||
<el-button :class="[ cancelButtonClasses ]" v-show="showCancelButton" @click.native="handleAction('cancel')">{{ cancelButtonText }}</el-button>
|
||||
<el-button :class="[ confirmButtonClasses ]" v-show="showConfirmButton" @click.native="handleAction('confirm')">{{ confirmButtonText }}</el-button>
|
||||
<el-button autofocus :class="[ confirmButtonClasses ]" v-show="showConfirmButton" @click.native="handleAction('confirm')">{{ confirmButtonText }}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
|
|
Loading…
Reference in New Issue