鍍金池/ 問答/HTML/ 關(guān)于vue-route的動(dòng)態(tài)跳轉(zhuǎn)問題

關(guān)于vue-route的動(dòng)態(tài)跳轉(zhuǎn)問題

在vue-router的官方文檔中 對(duì)于根據(jù)query的不同跳轉(zhuǎn)到相同的頁面

export default {
  data () {
    return {
      loading: false,
      post: null,
      error: null
    }
  },
  created () {
    // 組件創(chuàng)建完后獲取數(shù)據(jù),
    // 此時(shí) data 已經(jīng)被 observed 了
    this.fetchData()
  },
  watch: {
    // 如果路由有變化,會(huì)再次執(zhí)行該方法
    '$route': 'fetchData'
  },
  methods: {
    fetchData () {
      this.error = this.post = null
      this.loading = true
      // replace getPost with your data fetching util / API wrapper
      getPost(this.$route.params.id, (err, post) => {
        this.loading = false
        if (err) {
          this.error = err.toString()
        } else {
          this.post = post
        }
      })
    }
  }
}

給出的是上述方法 用watch監(jiān)聽$route

但是在最近看的一個(gè)demo里面 并沒有用這種方法也能實(shí)現(xiàn)動(dòng)態(tài)加載

圖片描述
圖片描述
圖片描述

不知道這個(gè)demo里面是根據(jù)什么方法做的動(dòng)態(tài)跳轉(zhuǎn) 求大佬解惑 不勝感激

回答
編輯回答
維她命

一般vue-route跳轉(zhuǎn)都是采用你疑惑的這種方法,這種利用router-link進(jìn)行跳轉(zhuǎn)傳參是很簡潔明了的,其實(shí)原理就是相當(dāng)于a標(biāo)簽跳轉(zhuǎn)路徑順便綁定(使用v-bind將參數(shù)綁定在to上面)相應(yīng)的參數(shù),目標(biāo)路徑再接收相應(yīng)參數(shù)就可以了。

我之前寫了一片分享,可以看下具體怎么做到跳轉(zhuǎn)動(dòng)態(tài)傳參的。

2018年8月21日 02:13