Vuejs 在新標簽頁中打開 PDF 文件

Question

我的實際代碼進行 PDF 下載，工作正常。 但我想在新選項卡中打開 PDF 文件，而不是下載。 任何人都可以幫忙嗎？

'''

<div class="table__buttons display-if">
    <template v-for="action in meta.actions">
      <a
        v-if="action === 'buttonDownload'"
        :key="action"
        :href="actions(action).to"
        :target="actions(action).target"
        :class="actions(action).class">
        <btn-table
          :tooltip="actions(action).tooltip"
          :icon-name="actions(action).iconName"
          type="button--table"
        />
      </a>

...

methods: {
    actions (action) {
      const { item, routes } = this.meta
      const actions = {
        // Actions params
        buttonDownload: {
          to: `${item['link']}`,
          target: '_blank',
          iconName: 'icon-download',
          tooltip: routes.buttonDownloadTooltip
        },

Answer 1

嘗試在內聯中添加 target='_blank'

Answer 2

要在不下載的情況下查看 PDF，請嘗試使用window.open('url/for/pdf', '_blank') 。 這可以通過使用 Vue 單擊事件處理程序而不是默認的<a>標簽行為來實現，如下所示：

<a
    v-if="action === 'buttonDownload'"
    :key="action"
    :class="actions(action).class"
    @click.prevent="window.open(actions(action).to, '_blank')"
>
    ...
</a>