第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Vue.js 應(yīng)用程序從新頁面的下拉菜單中打開 url 鏈接

Vue.js 應(yīng)用程序從新頁面的下拉菜單中打開 url 鏈接

慕哥6287543 2023-09-11 15:59:04
我的代碼是               <div class="md-list-item-content">                <drop-down direction="down">                  <md-button                    slot="title"                    class="md-button md-button-link md-white md-simple dropdown-toggle"                    data-toggle="dropdown">                    <i class="material-icons">view_day</i>                    <p>Links</p>                  </md-button>                  <ul class="dropdown-menu dropdown-with-icons">                    <li                      v-for="li in linksExternal"                      :key="li.name">                      <a :href="li.href" >                        <i class="material-icons">{{ li.icon }}</i>                                                  </a>                    </li>                  </ul>                </drop-down>              </div>我的腳本代碼是      linksExternal: [     { name: "NCI Dictionary",  href: "https://www.cancer.gov/publications/dictionaries/cancer-terms target='_blank'" , icon: "dns" }      ]我嘗試在不同位置添加 target='_blank',例如在 HTML a 標(biāo)記位置中,但它仍然始終在同一個(gè)選項(xiàng)卡中打開,否則我的語法可能不正確。有人能指出我正確的方向嗎?這是一個(gè) Vue 特定項(xiàng)目,還是我應(yīng)該使用調(diào)用 window.open 的函數(shù)以不同的方式進(jìn)行操作?如果可以的話,我會(huì)嘗試?yán)^續(xù)使用 Vue 最佳實(shí)踐方法。這應(yīng)該是一個(gè)簡單的解決方案,但我還沒有找到解決方案。
查看完整描述

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>

...


查看完整回答
反對(duì) 回復(fù) 2023-09-11
?
慕工程0101907

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>


查看完整回答
反對(duì) 回復(fù) 2023-09-11
?
倚天杖

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>


查看完整回答
反對(duì) 回復(fù) 2023-09-11
  • 3 回答
  • 0 關(guān)注
  • 148 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)