ykxiao
/
DemuMesDataV
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Optimize the update effect of updateRows.

This commit is contained in:
jiaming743 2020-08-19 19:25:25 +08:00
parent 1c7e03bff8
commit e67b4d5403
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/scrollBoard/src/main.vue
View File

@ -178,7 +178,9 @@ export default {
animationHandler: '', animationHandler: '',
updater: 0 updater: 0,
needCalc: false
} }
}, },
watch: { watch: {
@ -335,6 +337,14 @@ export default {
this.aligns = deepMerge(aligns, align) this.aligns = deepMerge(aligns, align)
}, },
async animation (start = false) { async animation (start = false) {
const { needCalc, calcHeights, calcRowsData } = this
if (needCalc) {
calcRowsData()
calcHeights()
this.needCalc = false
}
let { avgHeight, animationIndex, mergedConfig, rowsData, animation, updater } = this let { avgHeight, animationIndex, mergedConfig, rowsData, animation, updater } = this
const { waitTime, carousel, rowNum } = mergedConfig const { waitTime, carousel, rowNum } = mergedConfig
@ -389,15 +399,15 @@ export default {
}) })
}, },
updateRows(rows, animationIndex) { updateRows(rows, animationIndex) {
const { mergedConfig, calcRowsData, calcHeights, animationHandler, animation } = this const { mergedConfig, animationHandler, animation } = this
this.mergedConfig = { this.mergedConfig = {
...mergedConfig, ...mergedConfig,
data: [...rows] data: [...rows]
} }
calcRowsData() this.needCalc = true
calcHeights()
if (typeof animationIndex === 'number') this.animationIndex = animationIndex if (typeof animationIndex === 'number') this.animationIndex = animationIndex
if (!animationHandler) animation(true) if (!animationHandler) animation(true)
} }