当前位置: 首页 > news >正文

vue3实现在新标签中打开指定的网址

有一个文件列表,如下图:
在这里插入图片描述

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

比如:
在这里插入图片描述

实际上要实现这个并不难,参考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")
}

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

http://www.lryc.cn/news/406314.html

相关文章:

  • Qt基础 | QSqlTableModel 的使用
  • RPA软件-影刀使用
  • HarmonyOS NEXT零基础入门到实战-第四部分
  • vue2获取视频时长
  • Linux中进程的控制
  • 【源码】Sharding-JDBC源码分析之JDBC
  • Java | Leetcode Java题解之第273题整数转换英文表示
  • 数据结构之深入理解简单选择排序:原理、实现与示例(C,C++)
  • 使用vscode搜索打开的文件夹下的文件
  • 力扣778.水位上升的泳池中游泳
  • Nacos-2.4.0最新版本docker镜像,本人亲自制作,部署十分方便,兼容postgresql最新版本17和16,奉献给大家了
  • Halcon机器视觉15种缺陷检测案例_9找出所有网格顶点的位置
  • w30-python02-pytest入门
  • WPF+Mvvm项目入门完整教程-仓储管理系统(二)
  • SkyWalking入门搭建【apache-skywalking-apm-10.0.0】
  • exo项目目录架构
  • mysql中where与on区别
  • filebeat把日志文件上传到Es中配置(ES7版本)
  • Vue Router基础
  • Apache压测工具ab(Apache Bench)工具的下载安装和使用示例
  • IPIDEA与Python爬虫:联手解锁全球电商数据宝库
  • Fine-BI学习笔记
  • AI 辅助编程 Coding AI 辅助研发组织的技术蓝图
  • VScode 批量操作
  • 【Linux】管道通信和 system V 通信
  • Python | Leetcode Python题解之第279题完全平方数
  • mysql定时备份
  • 数据结构:逻辑结构与物理结构
  • pycharm报错:No module named pip/No module named pytest
  • Linux:Linux权限