国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript – Problem mit VueRouter2.0-Paging-Parametern
高洛峰
高洛峰 2017-05-19 10:08:54
0
1
747

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ò)人氣名人講師,...

Antworte allen(1)
洪濤

watch里直接監(jiān)聽page或pagesize是不是會更好

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage