Vue--通過button跳轉到其他組件並攜帶id參數

本文轉載自查看原文 2017-11-27 11:33 8189 Vue.js

一.創建vue文件

’

 1 <template>
 2     <div>
 3         goodsCommon<br/>
 4         goodsCommon<br/>
 5         goodsCommon<br/>
 6         goodsCommon<br/>
 7         goodsCommon<br/>
 8         goodsCommon<br/>
 9         goodsCommon<br/>
10         goodsCommon<br/>
11         goodsCommon<br/>
12         goodsCommon<br/>
13         goodsCommon<br/>
14         goodsCommon<br/>
15         goodsCommon<br/>
16         goodsCommon<br/>
17         goodsCommon<br/>
18         goodsCommon<br/>
19     </div>
20 </template>
21 
22 <script>
23     export default {
24         data() {
25             return {
26 
27             }
28         }
29     }
30 </script>
31 <style>
32     
33 </style>

View Code

二.在main.js配置路由

引入vue文件

三.在跳轉button添加事件

跳轉成功！

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Vue--路由帶參跳轉--/login?id=10--接收this.$route.query.id vue通過id從列表頁跳轉到對應的詳情頁 iOS跳轉到Touch ID設置界面 html一個頁面鏈接攜帶參數跳轉另一個頁面基於vue2.0的element框架 vue從一個組件跳轉到另一個組件頁面router-link的試用 wx.navigateTo跳轉攜帶參數 VUE跳轉路由攜帶參數 / 路由傳參 / 的幾種方法 . VUE如何怎么進行路由傳遞參數的代碼 Vue--創建組件-template---定義私有組件 vue--父組件主動獲取子組件的方法 vue--子組件主動獲取父組件的數據和方法