vue路由傳參的三種基本方式

2021-09-24 08:15:20 字數 444 閱讀 1143

this.$router.push(`,

})路由配置

在home元件中獲取引數值

this.$route.params.id

複製**

通過name來匹配路由,通過param來傳遞引數

this.$router.push(

})用params傳遞引數,不使用:/id

home元件中獲取引數

this.$route.params.id

複製**

path+query;query傳遞的引數會通過?id = ***展示

this.$router.push(

})路由配置

獲取引數的方法

this.$route.query.id

複製**

vue路由傳參的三種基本方式

現有如下場景,點選父元件的li元素跳轉到子元件中,並攜帶引數,便於子元件獲取資料。父元件中 for article in articles click getdescribe article.id methods getdescribe id 方案一,需要對應路由配置如下 很顯然,需要在path中新...

vue路由傳參的三種基本方式

現有如下場景,點選父元件的li元素跳轉到子元件中,並攜帶引數,便於子元件獲取資料。父元件中 li v for article in articles click getdescribe article.id getdescribe id 方案一,需要對應路由配置如下 很顯然,需要在path中新增 i...

vue路由傳參三種方式

vue路由傳參分為三種方式 url形如 http localhost 8080 path 1 true 1 方法中使用模板字串 methods 2 在路由配置檔案中進行引數名配置 3 子頁面通過params接收引數 export default test02 created this console...