mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-18 12:34:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button): remove rippling class after rippling

Browse Source
This commit is contained in:
07akioni 2019-09-18 09:34:49 +08:00
parent ef2bc776a4
commit d6691db9ee
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/common/Button/src/main.vue
View File

@ -169,7 +169,8 @@ export default {
return {
style: {},
enterPressed: false,
rippling: false
rippling: false,
rippleTimer: null
}
},
computed: {
@ -180,14 +181,23 @@ export default {
return this.iconPosition === 'right'
}
},
beforeDestroy () {
window.clearTimeout(this.rippleTimer)
},
methods: {
handleClick (e) {
if (!this.disabled) {
this.$emit('click', e)
window.clearTimeout(this.rippleTimer)
this.rippleTimer = null
this.rippling = false
this.$nextTick().then(() => {
this.$el.getBoundingClientRect()
this.rippling = true
this.rippleTimer = window.setTimeout(() => {
this.rippling = false
this.rippleTimer = null
}, 600)
})
}
},