【问题标题】:VueJs open HREF in new tab with BootstrapVueVueJs 使用 BootstrapVue 在新选项卡中打开 HREF
【发布时间】:2019-06-14 15:21:10
【问题描述】:

我正在使用引导程序创建一个表,其中一个字段是链接,应该使用 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 解除绑定 target 属性的问题

工作代码:

<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属性。只需 target="_blank" 即可。
  • @jom Jom,现在效果很好。你知道的星期一早上......非常感谢!

标签: javascript vue.js bootstrap-vue


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2019-06-17
    • 1970-01-01
    • 1970-01-01
    • 2012-01-22
    • 2014-01-10
    • 1970-01-01
    • 2012-04-25
    • 1970-01-01
    相关资源
    最近更新 更多