使用vue-router跳轉頁面


vue有組件vue-router,可以實現頁面跳轉,有兩種方式實現。

1、使用vue-router標簽,其中target屬性指定頁面打開方式(當前頁或新標簽頁)

1 <router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新頁面打開home頁</router-link>

2、使用函數實現頁面跳轉(編程式導航)

1 this.$router.push({name: "soc", params: {ckdh: item.cankudxh, cghthm: item.cghthm}});

此方法無法實現在新標簽頁打開頁面,可用window對象的open方法實現

let router_url = this.$router.resolve({
    name: "router_name",
    query: {
        param1: variable1,
        param2: variable2
    }
});
window.open(router_url .href, "_blank");        

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM