天天看點

vue key的用法

在項目過程中繼續掃碼然後跳轉位址不變參數值發生變化,此時頁面不會重新整理的,比如位址是

https://www.liu.com/h5/online/index.html/#/encyclopedias?cycId=90然後繼續掃碼變成

https://www.liu.com/h5/online/index.html/#/encyclopedias?cycId=91

解決方法:給路由的router-view 加一個key

<router-view v-if="$route.meta.isKey"  :key="'s'+ new Date() " class="routers"></router-view>
    <router-view v-if="!$route.meta.isKey"  class="routers"></router-view>
           
vue key的用法

這樣就可以解決了!!!

ps:(我遇到的問題)

<router-view   :key="'s'+ new Date() " class="routers"></router-view>
           

如果是這樣的話首頁會加載兩次,所有請求會請求兩次,如果有大佬知道為什麼我不判斷的話隻加key,首頁會請求兩次,請留言告知下,謝謝!