vue.js頁面間怎么實(shí)現(xiàn)傳值

發(fā)布時(shí)間：2020-12-09 13:55:27 來源：億速云閱讀：493 作者：小新欄目：編程語言

這篇文章主要介紹vue.js頁面間怎么實(shí)現(xiàn)傳值，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

vue.js頁面間實(shí)現(xiàn)傳值的方法：1、使用query傳值，代碼為【query: { name: 'jack' }】；2、使用params傳值，代碼為【params: { usersitelist: 'userlist' }】。

vue.js頁面間實(shí)現(xiàn)傳值的方法：

1、使用query傳值地址欄可見

比如從a.vue跳轉(zhuǎn)至b.vue，傳name=‘jack’，代碼如下:

this.$router.push({
          path: "/result",
          query: { name: 'jack' }
        });

在b.vue通過地址欄的url 進(jìn)行接收參數(shù)；

我是在created這個(gè)函數(shù)里面進(jìn)行接收的，var name = this.$route.query.name;就可以接收到name這個(gè)參數(shù)了；

2、使用params傳值地址欄不可見

這個(gè)方式要注意一點(diǎn)，在請求的時(shí)候需要寫上在router下面index.js里面的name，

可以和query一同傳值；

 this.$router.push({
          path: "/result",
          name: "Result",
          query: { name: 'name' },
          params: { usersitelist: 'userlist' }
        });

params傳值在地址欄不可見，但是取值方式是和query一樣的，我也是在created函數(shù)里面進(jìn)行取值的；

var usersitelist = this.$route.params.usersitelist;

以上是“vue.js頁面間怎么實(shí)現(xiàn)傳值”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

vue.js頁面間怎么實(shí)現(xiàn)傳值

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽