logo标签列表

使用BootstrapVue和VueJs在新标签页中打开HREF链接

javascriptvue.jsbootstrap-vue
3

我正在使用Bootstrap创建一张表格，其中一个字段是一个链接，应该在新标签页中打开，采用target="_blank"

然而，由于某些原因它不起作用，有任何想法为什么？

谢谢。

完整代码：

<b-table striped hover
  :items="applications"
  :filter="filter"
  :fields="fields"
  :bordered="true"
  :small="true"
  @filtered="onFiltered"
  >
  <template slot="lien" slot-scope="fields">
    <a :href="fields.value" :target="_blank">
    {{fields.value}}
    </a>
  </template>
</b-table>

编辑：

通过解绑定目标属性来修复，感谢Jom的帮助。

有效代码：

<b-table striped hover
  :items="applications"
  :filter="filter"
  :fields="fields"
  :bordered="true"
  :small="true"
  @filtered="onFiltered"
  >
  <template slot="lien" slot-scope="fields">
    <a :href="fields.value" target="_blank">
    {{fields.value}}
    </a>
  </template>
</b-table>
6
这里不需要绑定 target 属性。简单地使用 target="_blank" 就可以了。 - Yom T.
3
@jom Jom，现在它运行得非常好。你知道，星期一早上......非常感谢！ - Cesar
1个回答
4

我认为您不需要将目标值绑定为_blank，因为_blank不是一种模式。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接