VueJs 使用 BootstrapVue 在新选项卡中打开 HREF

Question

我正在用 bootstrap 创建一个 table，其中一个字段是 link，应该使用 target="_blank"[=14 在新选项卡中打开=]

但是，由于某种原因它不起作用，知道为什么吗？

谢谢。

完整代码：

<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>

编辑：

修复了 target 属性的绑定问题，感谢 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>

Answer 1

我认为您不需要绑定目标值，因为 _blank 不是模型

VueJs 使用 BootstrapVue 在新选项卡中打开 HREF

VueJs open HREF in new tab with BootstrapVue

javascript

vue.js

bootstrap-vue