3 回答

TA貢獻(xiàn)1735條經(jīng)驗(yàn) 獲得超5個(gè)贊
您的代碼需要稍微改變一下:
href: "https://www.cancer.gov/publications/dictionaries/cancer-terms target='_blank'"
請(qǐng)注意target='_blank',target是元素的屬性a,而不是 URL 的一部分
所以數(shù)據(jù)需要改成這樣:
linksExternal: [
{ name: "NCI Dictionary", href: "https://www.cancer.gov/publications/dictionaries/cancer-terms", target="_blank", icon: "dns" }
]
以及這個(gè)的模板:
...
<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>
...
或者只是如果所有鏈接都需要在新選項(xiàng)卡中打開:
...
<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貢獻(xiàn)1887條經(jīng)驗(yàn) 獲得超5個(gè)贊
我不太確定標(biāo)記的其余部分,但我建議您從 linksExternal 對(duì)象中刪除目標(biāo)部分,并將其放入元素中,<a>
如下所示
<a :href="li.href" target="_blank">Cool link that opens in another page</a>

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊
嘗試使用target="_blank"
內(nèi)部:
<a :href="li.href" target="_blank">
<i class="material-icons">{{ li.icon }}</i>
</a>
- 3 回答
- 0 關(guān)注
- 148 瀏覽
添加回答
舉報(bào)