vue 載入靜態資源之路由跳轉傳參

2022-07-08 19:45:13 字數 824 閱讀 7234

一:準備乙個js檔案把資料放進去,(這裡面的靜態要放在專案的public資料夾下面哦)

let array = [

, ,,]

},.......等等

];//匯出

export default array;

二:在需要的頁面引入,列印出streetarray可以看到我們的資料,我們將它迴圈處理push到我們自己定義的陣列codes中
import streetarray from "@/assets/js/street";

之前用的調轉方式是router-link直接跳**

詳情

差不多有18個鄉鎮,寫的頭大,我就改成迴圈顯示:

詳情

因為有每個鄉鎮對應的定位都不一樣,所以這裡要動態新增class,其實就是item1,item2,item3, @click="details(item.code)是點選跳轉的方法,

methods: 

});},

mounted() 

});},

vue路由跳轉傳引數

1.router link link to query link 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的引數,引數可以直接key value形式傳遞 3.query 是通過 url 來傳遞引數的同樣是key v...

Vue路由跳轉傳參

1.query方式 注意 path要用 跳轉頁的名字 傳出頁多傳乙個query物件 data a 接收頁直接用this.route.query.屬性名就可以拿到了 注意是route不是router this.route.query.id this.route.query.value2.params方...

vue路由跳轉傳引數

1.router link link to query link 1.path 是要跳轉的路由路徑,也可以是路由檔案裡面配置的 name 值,兩者都可以進行路由導航 2.params 是要傳送的引數,引數可以直接key value形式傳遞 3.query 是通過 url 來傳遞引數的同樣是key v...