在vue裡,下載自定義內容的檔案

weixin_34075551發表於2018-06-26

在js裡面可以利用Blob和URL.createObjectURL對自定義的內容當成檔案進行下載,那我再vue裡面怎麼自定義下載檔案尼,可以用下面的程式碼來解決:

<a class="layui-btn downloadButton" download="data.json">匯出資料</a>

在vue的updated鉤子函式裡面寫

updated: function(){
  var that = this;
  var index=0;
  $(".downloadButton").each(function(){
    var blob = new Blob(['自定義的內容']);
    var url = URL.createObjectURL(blob);
    $(this).attr("href", url);
    index++;
  });
 }
```其實尼,就是根據js來改造的,js的下載自定義內容也是這樣的

相關文章