电子商务网站建设与全程实例华为云速建站

有一个文件列表，如下图：

我希望点击查看按钮的时候，能够在新的标签页面打开这个文件的地址进行预览，该如何实现呢？

比如：

实际上要实现这个并不难，参考demo如下：

首先，给按钮绑定点击事件：

<a-buttonsize="small"type="primary"@click="handleView(record)">查看</a-button>

然后，实现点击方法：

const handleView = (record) => {const url = `/api/download/${record.uuid}_${record.name}`window.open(url, "_blank")
}

最终就实现了这个功能！！！