github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Button: avoid click event bubbling when disabled

pull/6459/merge
Leopoldthecoder 2017-08-11 18:11:56 +08:00 committed by 杨奕
parent dc77b56d31
commit e289e86154
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/button/src/button.vue
View File

@ -13,9 +13,9 @@
} }
]" ]"
> >
<i class="el-icon-loading" v-if="loading"></i> <i class="el-icon-loading" v-if="loading" @click="handleInnerClick"></i>
<i :class="'el-icon-' + icon" v-if="icon && !loading"></i> <i :class="'el-icon-' + icon" v-if="icon && !loading" @click="handleInnerClick"></i>
<span v-if="$slots.default"><slot></slot></span> <span v-if="$slots.default" @click="handleInnerClick"><slot></slot></span>
</button> </button>
</template> </template>
<script> <script>
@ -45,6 +45,11 @@
methods: { methods: {
handleClick(evt) { handleClick(evt) {
this.$emit('click', evt); this.$emit('click', evt);
},
handleInnerClick(evt) {
if (this.disabled) {
evt.stopPropagation();
}
} }
} }
}; };