vue3实现在新标签中打开指定网址的方法
作者：Python私教
我希望点击查看按钮的时候,能够在新的标签页面打开这个文件的地址进行预览,该如何实现呢,下面小编给大家带来了基于vue3实现在新标签中打开指定的网址,感兴趣的朋友跟随小编一起看看吧
有一个文件列表，如下图：
我希望点击查看按钮的时候，能够在新的标签页面打开这个文件的地址进行预览，该如何实现呢？
比如：
实际上要实现这个并不难，参考demo如下：
首先，给按钮绑定点击事件：
<a-button
size="small"
type="primary"
@click="handleView(record)"
>
查看
</a-button>然后，实现点击方法：
const handleView = (record) => {
const url = `/api/download/${record.uuid}_${record.name}`
window.open(url, "_blank")
}最终就实现了这个功能！！！
到此这篇关于vue3实现在新标签中打开指定的网址的文章就介绍到这了,更多相关vue3新标签打开指定的网址内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！