鍍金池/ 問答/HTML/ vue 項(xiàng)目中頁(yè)面跳轉(zhuǎn)如何帶參數(shù)？

vue 項(xiàng)目中頁(yè)面跳轉(zhuǎn)如何帶參數(shù)？

由于圖片無(wú)法上傳，所以我用文字說明：

有兩個(gè)頁(yè)面，一個(gè)是 info 頁(yè)（顯示個(gè)人信息的頁(yè)面），如下：

姓名：小明
手機(jī)：18503118888

一個(gè)是 update 頁(yè)（點(diǎn)擊手機(jī)號(hào)進(jìn)入此頁(yè)）

手機(jī)：18503118888
驗(yàn)證碼：...

問題是這樣的：我從 info 頁(yè)點(diǎn)擊手機(jī)號(hào)進(jìn)入 update 頁(yè)，
需要把手機(jī)號(hào)一起傳過去，如何做呢？（update 頁(yè)的手機(jī)號(hào)肯定不是從服務(wù)器請(qǐng)求來(lái)的吧）

我嘗試寫了一個(gè) evenbus，然后在 info 頁(yè) bus.$emit('phone', this.phone) ，然后在 update 頁(yè)的 created 鉤子里監(jiān)聽 bus.$on('phone', phone) ，但是傳不過來(lái)，應(yīng)該如何寫呢？

回答
編輯回答
疚幼

傳值：鏈接地址后面拼接字符串 /update?n=18503118888
取值：this.$route.query.n

2017年2月2日 02:08
編輯回答
氕氘氚

樓上的兩位的方法都可以用，如果你要把phone設(shè)為必傳的話，還可以這樣：
index.js頁(yè)面

{
   path: '/info/:phone',
   name: 'info',
   component: info,
   props: true
}

info頁(yè)傳參：

<router-link :to="/info/13800138000">我的訂單</router-link>

update頁(yè)接收：

props: ['phone'],
watch: {
  phone(v) {
    console.log(v)
  }
}
2018年4月10日 19:04
編輯回答
不歸路

沒有用vue-router路由傳參嗎？
跳轉(zhuǎn)頁(yè)

this.$router.push({name:'路由命名',params:{參數(shù)名:參數(shù)值,參數(shù)名:參數(shù)值}})

接收頁(yè)

this.$route.params.參數(shù)名
2017年8月27日 10:23
編輯回答
陪妳哭
this.$router.push({path: 'xxx', query: {aaa: 1}})

=> xxx?aaa=1 地址欄會(huì)這樣顯示

取地址欄參數(shù):

this.$route.query.aaa
2017年12月7日 04:18