Javascript Vue-如何创建一个按钮列表，每个按钮使用不同的URL打开一个新窗口？

Javascript:

HTML:

我遇到了一些问题，因为您无法将Vue对象的属性直接插入HTML元素的属性中，并且我无法从脚本引用Vue对象，因为它说它未定义

---

如果您正在向下投票，请说明原因。

您应该能够使用按钮的@click处理程序来触发窗口。打开'https://yourwebsite.com/Update.aspx?id='+event.eventID

类似这样的东西应该有助于让大家了解这个想法：

由于堆栈溢出看起来不允许在代码段中打开window.open

让应用程序=新Vue{ el:应用程序， 模板：newAppTemplate， 数据：{ 活动事件：[{ 服务类型：网站1， loc:loc1， DateLastUpdate:Date.now， eventID:google.com }, { 服务类型：网站2， loc:loc2， DateLastUpdate:Date.now， eventID:duckduckgo.com }, { 服务类型：website3， loc:loc3， DateLastUpdate:Date.now， eventID:yahoo.com }, ] } }; 函数newAppTemplate{ 返回` {{event.serviceType} {{event.loc} {{new Dateevent.DateLastUpdate} 打开 ` } 桌子 tr， 运输署{ 边框：1px纯黑； }

---

谢谢，我没想到会这么简单。但另一个问题是，您知道如何防止父页面刷新吗？我试着把return设为false；打开窗户后；打电话，但似乎没用。没关系，我想起来了。您只需要将type=button属性添加到默认情况下的，因为type=submit会刷新页面。

function InitVue() {
    var vueOptions = {
        el: '#activeEvents',
        data: {
            activeEvents: []
        }
    };

    vOPTIONS = new Vue(vueOptions);
}

<table id="activeEvents">
    <tr v-for="event in activeEvents">
        <td>{{event.serviceType}}</td>
        <td>{{event.loc}}</td>
        <td>{{event.dateLastUpdated}}</td> 
        <td>
            <!-- want a button here that executes window.open() with URL "Update.aspx?id={{event.eventID}}" -->                              
        </td>
    </tr>
</table>