The paging component does not navigate to the top position when switching paging

topic description

when I pull the scroll bar to the bottom on the first page, and then switch to page 2 or page 3, the scroll bar is still at the bottom. I expect the scroll bar to return to the top position when I turn the page.

sources of topics and their own ideas

related codes

/ / Please paste the code text below (do not replace the code with pictures)

<Page :total="sum" :current="1" :page-size="pageSize" @on-change="change" @on-page-size-change="pageSizeChange"  show-sizer show-elevator show-total></Page>

what result do you expect? What is the error message actually seen?

Iview vue.js

Oct.19,2021

you just need to define a method that goes back to the top and call it in the on-change event of the Page component.

   the key value of the table list binds the id of the data row


										
												Previous: Git repository has been built on linux, but the code Synchronize is not in the project folder.
												                		Next: There is a difference in the access style between the development of vue local startup service and the access style after code compression.
                							
					
						
					
															
						
														
								The problem of using the menu bar of iview frame in vue
								
 as shown in the figure, I used the menu bar component of ivew in vue  figure 1. I selected the content on the right side of the login log to display the contents of the login log, which is normal .
 then I set up a @ click route on the account profile d...
								
									
																														Iview
																				vue.js
																			
									
										Feb.26,2021
									
								
							
														
								How does the Submenu option in the navigation menu component of iview bind events that click on the title?
								
 as shown in figure 1, the on-select event of iview  s navigation menu is useful only if the drop-down suboption is selected.  but what I need now is to trigger my custom click event when I click on the title  "my assets ", such as  @ click=  "capital " ...
								
									
																														Iview
																				vue.js
																			
									
										Feb.28,2021
									
								
							
														
								Date-picker problem of iview
								
 have you ever used the date-picker element of iview that can be displayed, but when you click to select a date, you report an error and the date does not come out? this is why 
 
...
								
									
																														Iview
																				vue.js
																			
									
										Feb.28,2021
									
								
							
														
								Data Circulation problem of drop-down Selector in iview component
								
 
 
...
								
									
																														Iview
																				vue.js
																			
									
										Feb.28,2021
									
								
							
														
								How to use table of iview to dynamically show and hide tr?
								 how to show   hide rows without push,splice the bound data of table? Do you use v-show or v-if or do you implement it directly in render? ...
								
									
																														Iview
																				vue.js
																			
									
										Mar.01,2021
									
								
							
														
								Using the iview component library, font icons are not displayed
								
 I use the iview component library (2.11.0) and follow the instructions on the official website  https:  www.iviewui.com docs . to use the date component, but in the local project, the font icon is not loaded, as shown in figure    this is how I introduc...
								
									
																														Iview
																				vue.js
																			
									
										Mar.01,2021
									
								
							
														
								What is the data saved after the DatePiker selection of `daterange` in iView?
								
 daterange  type of DatePiker in  iView 
<DatePicker type="daterange" confirm placement="bottom-end" placeholder="Select date" style="width: 200px">< DatePicker>

 what type of data is stored in the sel...
								
									
																														Iview
																				vue.js
																			
									
										Mar.02,2021
									
								
							
														
								Does it mean that all props of a child component must be passed with a colon `:` when the parent component is a parent?
								
 is it true that all props of a child component must be passed :  with a colon at the time of the parent component? 
 in subcomponents: 
props: {
  a: {
    xxx
  },
  b: {
    xxx
  }
}

 when using subcomponents: 
<sub-comp :a="xxx" :b=&qu...
								
									
																														Iview
																				vue.js
																			
									
										Mar.03,2021
									
								
							
														
								Iview uses button components
								
 
buttonproject-details.vue

organization-project button 
iviewbutton
 
 after changing the warning for a long time, it is still .
...
								
									
																														Iview
																				vue.js
																			
									
										Mar.03,2021
									
								
							
														
								Cannot set FormItem as Modal footer, when iview Form and Modal are used at the same time. Form validation cannot be performed.
								
 write a route management page, click add Route pop-up modal, to fill out the form and verify it automatically.  but the button cannot be rendered correctly with  < div slot=  "footer " > . 
 Code: 
 html fragment: 
<Modal v-model="addRouteModal&...
								
									
																														Iview
																				vue.js
																			
									
										Mar.03,2021
									
								
							
														
								The tree component in iview uses render to customize the content tree to display problems
								
 after the tree component in iview uses render custom content, clicking on the tree node no longer displays the background. How to add background color to the currently selected node in render rendering?  1, the default tree component, click  
2render  w...
								
									
																														Iview
																				vue.js
																				node.js
																			
									
										Mar.04,2021
									
								
							
														
								How to correctly render the html tag content in a string by the table component in iview
								
 I want to make a table with iview. The first column should look like this:  
:This study establishes the first mutational report of the TGFBR3 gene in correlation with ovarian failure.
iviewapi :

: 

ivew 



:
render
https:  www.iviewui.com compo... i...
								
									
																														Iview
																				vue.js
																				html
																			
									
										Mar.04,2021
									
								
							
														
								After run build packaging using iview scaffolding, route 404
								
 after using iview scaffolding for run build packaging, part of the route is 404, and there is no 404 pages after refreshing, only the home page does not have 404, it is no problem to run with run dev. PS: opens a new window (multiple pages) by adding ta...
								
									
																														Webpack
																				iview
																				vue.js
																			
									
										Mar.05,2021
									
								
							
														
								Iview's tree has customized the render method, and there is no background color after clicking. Now I use a way of writing death myself. Is there any other better way to change it?
								  ...
								
									
																														Iview
																				vue.js
																			
									
										Mar.05,2021
									
								
							
														
								When using the select component of iview for remote search, there was a problem with the editing function and the default value could not be selected.
								
 < FormItem label=  "responsible person: " prop=  "chargeUserId " > 
        <Select v-model="cubForm.chargeUserId" 
                filterable clearable remote :remote-method="remoteMethod2"
                :loading="loading2...
								
									
																														Iview
																				vue.js
																			
									
										Mar.06,2021
									
								
							
														
								The list style and clicks of the select component of iview are invalid
								
 the select component of iview has no effect on list styles and clicks after loading this component on demand, but there is no problem with using this select component after the global introduction of iview in main.js. Only style files are introduced in ...
								
									
																														Iview
																				vue.js
																				javascript
																			
									
										Mar.06,2021
									
								
							
														
								After iview sets type:html in table, render seems to be invalid and cannot call the click event.
								
 title: itemDate, 
            key: itemDate,
            type:  html  ,
            align:   center  ,
            
            render:(h,params)=>{
                return h(  div  , {
                        props: {
                            type...
								
									
																														Node.js
																				iview
																				vue.js
																			
									
										Mar.06,2021
									
								
							
														
								The problem of on-error callback for uploading pictures using the upload component of iview component library
								
 upload an image using the upload component of the iview component library, and the backend will verify the width and height of the image. If it is incorrect, the following error will be thrown: 
code:"failure"
result:"upload.invalid.size&...
								
									
																														Iview
																				vue.js
																			
									
										Mar.07,2021
									
								
							
														
								How to implement it in iview? click the button and start uploading attachments.
								
 1. Use the upload component in iview. After selecting the file, click the upload button to start uploading the upload api document of  2.iview. 
 the hook before before-upload uploads the file. The parameter is the uploaded file. If false or Promise is ...
								
									
																														Upload
																				iview
																				vue.js
																				javascript
																			
									
										Mar.07,2021
									
								
							
														
								How does iview table set the filter?
								
 columns2: [{title:   other mobile phone numbers bound by this person  , key:   mobile  }, 
                    {title:     ,key:   nameCount  },
                    {title:     ,key:   queryOrgCount  },
                    {title:     ,key:   mno  },
  ...
								
									
																														Iview
																				vue.js
																			
									
										Mar.08,2021


				
					
						
	
						
		css
		mysql
		arrays
		josn
		react
		html
		typescript
		webpack
		npm
		sass
		R
		objective-c
		.net
		sql-server
		jquery
		python-3.x
		angularjs
		django
		angular
		excel
		regex
		iphone
		ajax
		linux
		xml
		pandas
		vba
		spring
		database
		wordpress
		string
		wpf
		xcode
		windows
		bash
		postgresql
		oracle
		multithreading
		eclipse
		list
		firebase
		algorithm
		macos
		forms
		image
		scala
		visual-studio
		azure
		bootstrap
		spring-boot
		react-native
		python-2.7
		docker
		performance
		function
		winforms
		matlab
		powershell
		apache
		dataframe
		api
		sqlite
		numpy
		rest
		shell
		selenium
		flutter
		dart
		maven
		loops
		qt
		swing
		android-studio
		csv
		express
		file
		class
		tensorflow
		sorting
		codeigniter
		perl
	
						MySQL Query :  SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5 
 MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3de08-2c3d1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
 MySQL Errno : 1021 
 Message :  Disk full (/tmp/#sql-temptable-64f5-1b3de08-2c3d1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
Need Help?