欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解Vue中一種簡(jiǎn)易路由傳參辦法

 更新時(shí)間：2017年09月15日 14:20:25   作者：肖恩的球  
本篇文章主要介紹了詳解Vue中一種簡(jiǎn)易路由傳參辦法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

情景模擬：

A頁(yè)面中，有一些div是根據(jù)A中的book數(shù)據(jù)通過(guò)v-for生成的，比如item。

并且點(diǎn)擊會(huì)根據(jù)路由跳轉(zhuǎn)到B頁(yè)面。

而跳轉(zhuǎn)到B頁(yè)面后，我需要A中的item。

 <div v-for="(item,index) in book" :class='{on:$route.path === `/${item.to}/`}' @click='toOther(item.to)'>
 </div>

toOther(to,run) {
  if(this.$route.path!==`/${to}`){
   location.hash = to;
  }
},

解決辦法：

在A中的click事件中將item傳進(jìn)toOther()函數(shù)中，再根據(jù)路由傳入

toOther(to,run) {
   if(this.$route.path!==`/${to}`){
    location.hash = to+'?'+run.key;
   }
  },

即將要傳的參數(shù)添加在原本url加？之后，這樣既不影響路由，也比較方便。

如圖1所示：



如圖2，這樣子我們便可以在 this.$route 的fullPath中拿到A中我們需要傳遞的參數(shù)了。

具體要拿還需要進(jìn)行字符串的分割取出所需的信息，但是這樣子會(huì)很繁瑣，我們只需多加幾個(gè)字，

在你的參數(shù)前加上'sth'=

toOther(to,run) {
   if(this.$route.path!==`/${to}`){
    location.hash = to+'?'+'book_key='+run.key;
   }
  },

你就會(huì)發(fā)現(xiàn)你可以在query中拿到這些個(gè)數(shù)據(jù)

并且是一個(gè)object的形式

簡(jiǎn)直不能更完美!


以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論