如何将待办事项列表下载到您的设备

【问题标题】：How to download a to-do list to your device如何将待办事项列表下载到您的设备
【发布时间】：2020-08-23 11:18:25
【问题描述】：

所以我用 Vue.js https://justintownsend.github.io/todo.html 做了一个待办事项列表无论如何，假设我是用户，并且我制作了我的待办事项列表，并且我想将列表保存（下载）到我的设备上。我试过使用 Save 。但它不起作用。如果有人能帮我解决这个问题，我将不胜感激！

【问题讨论】：

如果没有更多细节，我敢猜测您可以使用 blob 和文件来解决这个问题，如下所示：stackoverflow.com/a/17104036/1161948

标签： javascript html vue.js

【解决方案1】：

这是一个使用jsPDF HTML5 客户端和jQuery 的简单解决方案，它捕获当前页面并生成自动下载到用户系统的pdf 文件。

var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

$('#cmd').click(function () {
    doc.fromHTML($('#content').html(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
    });
    doc.save('my-todos.pdf');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.2.61/jspdf.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- Test content-->
<h1> My TODO List</h1>

<button id="cmd">generate PDF</button>

【讨论】：