หากคุณมีความสนใจเฉพาะในทางญาติที่ชอบ: /dashboard
, /about
ฯลฯ ดูคำตอบอื่น ๆ
หากคุณต้องการเปิดเส้นทางสัมบูรณ์เช่นhttps://www.google.com
ไปยังแท็บใหม่คุณต้องรู้ว่า Vue Router ไม่ได้มีไว้เพื่อจัดการกับสิ่งเหล่านั้น
อย่างไรก็ตามดูเหมือนว่าพวกเขาจะพิจารณาว่าเป็นคำขอคุณลักษณะ # 1280 . แต่จนกว่าพวกเขาจะทำเช่นนั้น
นี่คือเคล็ดลับเล็ก ๆ น้อย ๆ ที่คุณสามารถทำได้เพื่อจัดการลิงก์ภายนอกด้วย vue-router
- ไปที่การกำหนดค่าเราเตอร์ (อาจ
router.js
) และเพิ่มรหัสนี้:
Router.prototype.absUrl = function(url, newTab = true) {
const link = document.createElement('a')
link.href = url
link.target = newTab ? '_blank' : ''
if (newTab) link.rel = 'noopener noreferrer'
link.click()
}
ตอนนี้เมื่อใดก็ตามที่เราจัดการกับ URL ที่สมบูรณ์เรามีวิธีแก้ไข ตัวอย่างเช่นเพื่อเปิด Google ไปยังแท็บใหม่
this.$router.absUrl('https://www.google.com)
noopener noreferrer
โปรดจำไว้ว่าเมื่อใดก็ตามที่เราเปิดหน้าอีกครั้งเพื่อให้แท็บใหม่เราจะต้องใช้
อ่านเพิ่มเติมที่นี่
หรือที่นี่