Javascript Vue.js在新窗口中打开链接

Javascript Vue.js在新窗口中打开链接,javascript,vue.js,Javascript,Vue.js,我在Vue.js代码中有 <div class="footer-items"> <span v-for="link in links" :key="link.name"> <a :href="link.Link" class="tertiary--text footer-links">{{ link.name }}</a> </span> </div> 这可以工作,但它在同一个窗口中打开,我尝试过:

我在Vue.js代码中有

  <div class="footer-items">
  <span v-for="link in links" :key="link.name">
  <a :href="link.Link" class="tertiary--text footer-links">{{ link.name }}</a>
  </span>
</div>
这可以工作,但它在同一个窗口中打开,我尝试过:

        { name: "PubMed", Link: "https://www.ncbi.nlm.nih.gov/pubmed/,_blank" },  // error page

        { name: "PubMed", Link: "https://www.ncbi.nlm.nih.gov/pubmed/','_blank" }, // open same page

        { name: "PubMed", Link: "https://www.ncbi.nlm.nih.gov/pubmed/"','"_blank" },  // won't compile

        Link: "https://www.ncbi.nlm.nih.gov/pubmed/ target=_blank"  // opens same window
是否可以通过编程方式将其发送到href。我无法更改href,因为并非所有页面都需要在新窗口中打开

我将代码更改为:

          <a :href="link.Link" target="link.place" class="tertiary--text 
           footer-links">{{ link.name }}</a>
它们都在新窗口中打开。感谢所有的帮助

试试这个():

//脚本
链接:[
{name:“Home”,href:“/dashboard”,target:“\u self”},
{名称:“谷歌”,href:https://www.google.com/,目标:“\u blank”},
]
//模板
试试这个():

//脚本
链接:[
{name:“Home”,href:“/dashboard”,target:“\u self”},
{名称:“谷歌”,href:https://www.google.com/,目标:“\u blank”},
]
//模板

您在
:target=“link.place”
中缺少了
,就像Daniel提到的那样,您忘记了
。请考虑添加<代码> Re=“NoNover NoeFror”<代码> >链接>代码>目标=“空空白”< /代码>。关于这一点,您可以了解更多:谢谢大家——您太棒了,您在
:target=“link.place”
中遗漏了
,就像Daniel提到的,您忘记了
。请考虑添加<代码> Re=“NoNover NoeFror”<代码> >链接>代码>目标=“空空白”< /代码>。你可以了解更多关于这一点的信息:谢谢大家——你是伟大的作品——非常棒——谢谢工作——谢谢
          <a :href="link.Link" target="link.place" class="tertiary--text 
           footer-links">{{ link.name }}</a>
          { name: "Home", Link: "/dashboard", place: "_self" },
           {name: "PubMed", Link: "https://www.ncbi.nlm.nih.gov/pubmed/",
           place: "_blank"
         },
// Script
links: [
    { name: "Home", href: "/dashboard", target: "_self" },
    { name: "Google", href: "https://www.google.com/", target: "_blank" },
]

// Template
<a
    v-for="link in links"
    :key="link.name"
    :href="link.href"
    :target="link.target"
    rel="noopener noreferrer">
    {{ link.name }}
</a>