亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

Vue.js 應用程序從新頁面的下拉菜單中打開 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 標記位置中,但它仍然始終在同一個選項卡中打開,否則我的語法可能不正確。有人能指出我正確的方向嗎?這是一個 Vue 特定項目,還是我應該使用調用 window.open 的函數以不同的方式進行操作?如果可以的話,我會嘗試繼續使用 Vue 最佳實踐方法。這應該是一個簡單的解決方案,但我還沒有找到解決方案。
查看完整描述

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>

...


查看完整回答
反對 回復 2023-09-11
?
慕工程0101907

TA貢獻1887條經驗 獲得超5個贊

我不太確定標記的其余部分,但我建議您從 linksExternal 對象中刪除目標部分,并將其放入元素中,<a>如下所示

<a :href="li.href" target="_blank">Cool link that opens in another page</a>


查看完整回答
反對 回復 2023-09-11
?
倚天杖

TA貢獻1828條經驗 獲得超3個贊

嘗試使用target="_blank"內部:

<a :href="li.href" target="_blank">  <i class="material-icons">{{ li.icon }}</i> </a>


查看完整回答
反對 回復 2023-09-11
  • 3 回答
  • 0 關注
  • 150 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號