准备工作：你需要一个后台接口，你传文件给他，他返回一个图片在线链接。ok，开干！用到的是elmentUI里的el-upload,先去看官网例子。我用到的是图片列表先把html的框架copy过来，然后根据自己的需求取取舍内容。这个直接复制粘贴的事情，耐心的elemntUI的官网，不要急躁哈<el-uploadref="placeImg"action="/"accept="image/*":fi

接下来我们创建一个URL对象，以便在浏览器中访问该PDF文件，然后创建一个a标签并设置其href属性为该URL对象的值。pdf的URL直接打开的话是网页预览界面，而不是文件下载，文件下载需要的是二进制数据，但是如果接口返回的是在线链接，那么可以通过以下操作进行格式转化再去下载。创建一个方法downloadPDF()，接收一个在线URL地址，然后使用axios发送GET请求获取PDF文件的二进制数据

因为滚动要跟着一起变，所以要在 watch 里面实时监听scroll的变化，发生变化时，判断当前距离顶部最近的是第几章，得到index把侧边目录栏选中样式改为对应的即可实现。页面初始化的时候，给内容滚动的元素加一个侦听事件，定义一个变量 scroll 用来保存当前滚动的数值。页面结构部分，根据数据循环写一个ul > li，生成侧边目录。解决第一个需求，点击任意一条目录页面滚动到对应内容。1、选择任

接下来我们创建一个URL对象，以便在浏览器中访问该PDF文件，然后创建一个a标签并设置其href属性为该URL对象的值。pdf的URL直接打开的话是网页预览界面，而不是文件下载，文件下载需要的是二进制数据，但是如果接口返回的是在线链接，那么可以通过以下操作进行格式转化再去下载。创建一个方法downloadPDF()，接收一个在线URL地址，然后使用axios发送GET请求获取PDF文件的二进制数据

【代码】vue2 图片url转化成base64。

vue-quill-editor的安装和配置，实现工具栏自定义数据格式，以及鼠标经过提示中文释义

vue-quill-editor的安装和配置，实现工具栏自定义数据格式，以及鼠标经过提示中文释义