Bei der Verwendung von VueRouter2.0 für Paging ist ein Problem aufgetreten.
Derzeit werden das aktuelle Paging und die Anzahl der Paging-Anzeigen in den Variablen page und pageSize aufgezeichnet. Das aktuelle Problem besteht darin, dass der Benutzer nach dem Umbl?ttern zur Seite zurückkehrt erste Seite nach dem Aktualisieren der Seite, und die aktuelle Seite kann nicht aufgezeichnet werden
代碼:
export default {
components: { LayoutContent },
data(){
return {
page: 1,
pageSize: 20,
total:0,
list:[]
}
},
created(){
this.loadData()
},
methods:{
...mapActions([
'list'
]),
loadData(){
let pageSize = this.pageSize
let page = this.page
this.list({page,pageSize}).then((data) => {
this.total = data.total
this.list = data.list
})
},
pageSizeChange(size){
this.pageSize=size
this.loadData()
},
pageChange(page){
this.page=page
this.loadData()
}
}
}
Also wollte ich es ?ndern, um Parameter nach der URL einzufügen, um die Seite und die Seitengr??e aufzuzeichnen. Nach dem Test ?ndert sich die URL-Adresse jedoch nicht, wenn sich die Abfrageparameter ?ndern...
代碼:
export default {
components: { LayoutContent },
data(){
return {
page: 1,
pageSize: 20,
total:0,
list:[]
}
},
created(){
this.loadData()
},
beforeRouteUpdate(to,from,next){
this.page = to.query.page
this.pageSize = to.query.pageSize
this.loadData()
},
methods:{
...mapActions([
'list'
]),
loadData(){
let pageSize = this.pageSize
let page = this.page
this.list({page,pageSize}).then((data) => {
this.total = data.total
this.list = data.list
})
},
pageSizeChange(size){
this.route(this.page, size)
},
pageChange(page){
this.route(page,this.pageSize)
},
route(page,pageSize){
this.$router.push({path:`/list`, query:{page,pageSize}})
}
}
}
Die aktuelle Seitenadresse lautet http://xxx/#list. Nach dem Aufruf von this.$router.push({path:/list
, query:{page,pageSize}}) lautet die Adresse immer noch http://xxx/#. list, nicht http:://xxx/#list?page=x&page... Letztendlich gibt es keine andere M?glichkeit, als den Speicherort direkt zu ?ndern. Ich frage mich, ob VueRoute selbst dies tun kann. ? ?
擁有18年軟件開發(fā)和IT教學經(jīng)驗。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項目經(jīng)理、高級軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師,...