feat: 当数据列表发生翻页时,有滚动条区域的内容滚动顶部

main
wu.jian2 1 year ago
parent 8a9b97e9d8
commit c443c35437

@ -595,17 +595,17 @@ export default {
// // // //
// EventBus.$emit('stopMarquee') // EventBus.$emit('stopMarquee')
// const node = document.querySelector('.render-theme-wrap') // const node = document.querySelector('.render-theme-wrap')
// // node imgsrc 'Access-Control-Allow-Origin': '*' // // node imgsrc
// const imgTags = node.querySelectorAll('img') // const imgTags = node.querySelectorAll('img')
// const requests = Array.from(imgTags).map(img => { // const requests = Array.from(imgTags).map(img => {
// const src = img.getAttribute('src') // const src = img.getAttribute('src')
// return (src, { // return fetch(src, {
// headers: { 'Access-Control-Allow-Origin': '*' } // headers: { 'Access-Control-Allow-Origin': '*' }
// }).then(response => { // }).then(response => {
// if (response.ok) { // if (response.ok) {
// return response.blob() // return response.blob()
// } else { // } else {
// throw new Error('Network response was not ok.') // throw new Error('')
// } // }
// }).then(blob => { // }).then(blob => {
// return new Promise((resolve, reject) => { // return new Promise((resolve, reject) => {

@ -69,9 +69,7 @@ export default {
}, },
methods: { methods: {
setSort () { setSort () {
const el = this.$refs.dragSelect.$el.querySelectorAll( const el = this.$refs.dragSelect.$el.querySelectorAll('.el-select__tags > span')[0]
'.el-select__tags > span'
)[0]
if (el) { if (el) {
this.sortable = Sortable.create(el, { this.sortable = Sortable.create(el, {
animation: 350, animation: 350,

@ -129,6 +129,13 @@ const datasetMixins = {
currentChangeHandle (value) { currentChangeHandle (value) {
this.current = value this.current = value
this.datasetTest(false) this.datasetTest(false)
const tableBodyWrapperEl = document.querySelector('.el-table__body-wrapper') || {}
this.$nextTick(() => {
if (tableBodyWrapperEl) {
// 表格滚动到顶部
tableBodyWrapperEl.scrollTop = 0
}
})
}, },
// 表头添加提示 // 表头添加提示
renderHeader (h, { column, index }) { renderHeader (h, { column, index }) {

@ -111,6 +111,18 @@ const pageMixins = {
currentChangeHandle (val) { currentChangeHandle (val) {
this.current = val this.current = val
this.getDataList() this.getDataList()
const bsScrollbarEl = document.querySelector('.bs-scrollbar') || {}
const tableBodyWrapperEl = document.querySelector('.el-table__body-wrapper') || {}
this.$nextTick(() => {
if (bsScrollbarEl) {
// 类名bs-scrollbar的元素滚动到顶部
bsScrollbarEl.scrollTop = 0
}
if (tableBodyWrapperEl) {
// 表格滚动到顶部
tableBodyWrapperEl.scrollTop = 0
}
})
}, },
getSortForm () { getSortForm () {
return { return {

Loading…
Cancel
Save