zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix[Dashboard]: fixed debounce bug (#2586) (#2597) 

To fixed https://github.com/PanJiaChen/vue-element-admin/issues/2586
This commit is contained in:
MaYuanhai 2019-09-26 10:34:31 +08:00 committed by 花裤衩
parent 1602577733
commit 1a83a40106
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/dashboard/admin/components/mixins/resize.js
View File

@ -3,10 +3,16 @@ import { debounce } from '@/utils'
export default { export default {
data() { data() {
return { return {
$_sidebarElm: null $_sidebarElm: null,
$_resizeHandler: null
} }
}, },
mounted() { mounted() {
this.$_resizeHandler = debounce(() => {
if (this.chart) {
this.chart.resize()
}
}, 100)
this.$_initResizeEvent() this.$_initResizeEvent()
this.$_initSidebarResizeEvent() this.$_initSidebarResizeEvent()
}, },
@ -27,13 +33,6 @@ export default {
methods: { methods: {
// use $_ for mixins properties // use $_ for mixins properties
// https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
$_resizeHandler() {
return debounce(() => {
if (this.chart) {
this.chart.resize()
}
}, 100)()
},
$_initResizeEvent() { $_initResizeEvent() {
window.addEventListener('resize', this.$_resizeHandler) window.addEventListener('resize', this.$_resizeHandler)
}, },