1. 程式人生 > >vue頁面跳轉與傳值

vue頁面跳轉與傳值

跳轉

#<script>
this.$router.push({path:'/index'})
#template
<button @click="goToHome">首頁</button>
#實用router-link
<router-link to="/staff-list">
  <div class="items ">人員列表</div>
</router-link>

傳值

方法一:通過路由帶引數進行傳值

#兩個元件 A和B,A元件通過query把orderId傳遞給B元件(觸發事件可以是點選事件、鉤子函式等)
this.$router.push({ path: '/conponentsB', query: { orderId: 123 } }) // 跳轉到B
#在B元件中獲取A元件傳遞過來的引數
this.$route.query.orderId
#注意實用query可以正常傳值,如果實用params需要加name屬性(同path同級)