vue打开新的文件链接窗口禁止自动下载
时间: 2023-10-17 09:38:21 浏览: 125
Vue3 非常好用的中文文档以及一份 Vue 3 新文档学习笔记
在Vue中,您可以使用`<a>`标签的`target`属性来打开一个新的浏览器窗口以显示链接的内容。要禁止浏览器自动下载文件,可以将`download`属性与`target="_blank"`属性结合使用。例如:
```vue
<template>
<a :href="fileUrl" target="_blank" download>点击下载PDF文件</a>
</template>
<script>
export default {
data() {
return {
fileUrl: 'https://example.com/myfile.pdf'
}
}
}
</script>
```
在上面的示例中,我们使用模板语法和动态绑定将文件URL绑定到链接的`href`属性上,并将`target`属性设置为`"_blank"`以打开一个新的浏览器窗口。同时,我们将`download`属性设置为禁止自动下载。当用户单击链接时,浏览器将在新窗口中打开PDF文件,而不是自动下载它。
注意:如果要动态创建链接并禁止自动下载,请使用与上面JavaScript示例相同的代码。同时,您可以将`target`属性设置为`"_blank"`以打开一个新的浏览器窗口。
阅读全文