3 回答

TA貢獻1735條經驗 獲得超5個贊
您的代碼需要稍微改變一下:
href: "https://www.cancer.gov/publications/dictionaries/cancer-terms target='_blank'"
請注意target='_blank',target是元素的屬性a,而不是 URL 的一部分
所以數據需要改成這樣:
linksExternal: [
{ name: "NCI Dictionary", href: "https://www.cancer.gov/publications/dictionaries/cancer-terms", target="_blank", icon: "dns" }
]
以及這個的模板:
...
<li v-for="li in linksExternal" :key="li.name">
<a :href="li.href" :target="li.target">
<i class="material-icons">{{ li.icon }}</i>
</a>
</li>
...
或者只是如果所有鏈接都需要在新選項卡中打開:
...
<li v-for="li in linksExternal" :key="li.name">
<a :href="li.href" target="_blank">
<i class="material-icons">{{ li.icon }}</i>
</a>
</li>
...

TA貢獻1887條經驗 獲得超5個贊
我不太確定標記的其余部分,但我建議您從 linksExternal 對象中刪除目標部分,并將其放入元素中,<a>
如下所示
<a :href="li.href" target="_blank">Cool link that opens in another page</a>

TA貢獻1828條經驗 獲得超3個贊
嘗試使用target="_blank"
內部:
<a :href="li.href" target="_blank">
<i class="material-icons">{{ li.icon }}</i>
</a>
- 3 回答
- 0 關注
- 150 瀏覽
添加回答
舉報