0

我需要打开一个具有一定高度和宽度的新窗口。

在 vuejs2 我有这样的事情:

<el-table-column label="Link" width="80">
  <template scope="props">
    <a v-bind:href="''+props.row.link+''" target="chart"> Link to chart </a>
  </template>
</el-table-column>

并且在 props.row.link 中有:http://host/charts/index.php?par=sth 所以这个href在新标签中打开,但没有高度和宽度,而不是在新窗口中。

在 html 中是如此简单:

<a href="http://host/charts/index.php?par=1" onclick="window.open('http://host/charts/index.php?par=1', 'chart', 'width=1225, height=770'); return false;">Link to chart</a>

如何在 vue js 2 中实现这一点,也许是点击方法?

4

2 回答 2

5

代替

<a v-bind:href="''+props.row.link+''" target="chart"> Link to chart </a>

利用

<a href="" v-on:click.stop.prevent="openWindow(props.row.link)">Link to chart</a>

这将防止链接被点击和重定向。此外,它还调用在组件的方法对象中声明的函数“openWindow”:

openWindow: function (link) {
  window.open(...);
}
于 2018-06-07T12:30:25.973 回答
0

不要使用 v-bind:href 而是调用一个将打开新窗口的函数

于 2018-06-07T11:03:34.013 回答