1.通過window.open
window.open('https://1.1.1.1/test.txt')
2.通過get表單請求
var $form = $('<form method="GET"></form>')
$form.attr('action', 'http://1.1.1.1/test.txt')
$form.appendTo($('body'))
$form.submit()
但是這兩種方式都是新開一個標籤頁並顯示出來,並不能達到我們的目的
爲此,博主找到html中a標籤的一種方法,如下
<a href="http://1.1.1.1/test.txt" download="test">
<el-button class = "button" size="medium" @click="saveInfo" round>保存配信息至本地</el-button>
</a>
此處最重要的是download屬性,加上後會實現下載效果,download的值爲文件名,如果刪去download將如同上面兩種方法只能打開文件內容
當URL是變量時
3.url是變量的時候
<a :href ="'http://'+ip+'/test.txt'" download="test">
<a href='../images/操作手冊/輸血護士操作說明.pdf' download="輸血護士操作說明.pdf"> <button class = "button" size="medium" @click="saveInfo" round> 操作手冊打印 </button>