perf: adjust scroll parameters
This commit is contained in:
parent
ba8d19a121
commit
0a26ac6300
|
@ -107,7 +107,8 @@ const loadHistory = async () => {
|
||||||
data.history = list || []
|
data.history = list || []
|
||||||
} finally {
|
} finally {
|
||||||
data.loading = false
|
data.loading = false
|
||||||
tableRef.value?.scrollTo({ top: 999999 })
|
await nextTick()
|
||||||
|
tableRef.value?.scrollTo({ position: 'bottom' })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -118,7 +119,8 @@ const cleanHistory = async () => {
|
||||||
const success = await browserStore.cleanCmdHistory()
|
const success = await browserStore.cleanCmdHistory()
|
||||||
if (success) {
|
if (success) {
|
||||||
data.history = []
|
data.history = []
|
||||||
tableRef.value?.scrollTo({ top: 0 })
|
await nextTick()
|
||||||
|
tableRef.value?.scrollTo({ position: 'top' })
|
||||||
$message.success(i18n.t('dialogue.handle_succ'))
|
$message.success(i18n.t('dialogue.handle_succ'))
|
||||||
}
|
}
|
||||||
} finally {
|
} finally {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { computed, h, onMounted, onUnmounted, reactive, ref } from 'vue'
|
import { computed, h, nextTick, onMounted, onUnmounted, reactive, ref } from 'vue'
|
||||||
import Refresh from '@/components/icons/Refresh.vue'
|
import Refresh from '@/components/icons/Refresh.vue'
|
||||||
import { debounce, isEmpty, map, size, split } from 'lodash'
|
import { debounce, isEmpty, map, size, split } from 'lodash'
|
||||||
import { useI18n } from 'vue-i18n'
|
import { useI18n } from 'vue-i18n'
|
||||||
|
@ -125,9 +125,10 @@ const _loadSlowLog = () => {
|
||||||
.then((list) => {
|
.then((list) => {
|
||||||
data.list = list || []
|
data.list = list || []
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(async () => {
|
||||||
data.loading = false
|
data.loading = false
|
||||||
tableRef.value?.scrollTo({ top: data.sortOrder === 'ascend' ? 999999 : 0 })
|
await nextTick()
|
||||||
|
tableRef.value?.scrollTo({ position: data.sortOrder === 'ascend' ? 'bottom' : 'top' })
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
const loadSlowLog = debounce(_loadSlowLog, 1000, { leading: true, trailing: true })
|
const loadSlowLog = debounce(_loadSlowLog, 1000, { leading: true, trailing: true })
|
||||||
|
|
Loading…
Reference in New Issue