需求：在线浏览pdf文件，并且禁止掉用户下载打印的效果。分析：普通的iframe、embed标签都只能实现在线浏览pdf的功能，无法禁止掉工具栏的下载打印功能。只能尝试使用插件，pdfobject.js这个插件可以实现功能，而且操作简单，但是兼容性不好，不兼容火狐、ie浏览器。于是替换成pdf.js实现：因为不想在服务器放太多东西，所以引用pdf后的方法都是自己调用的api实现的。以下仅是核心代码

直接在element的时间轴组件el-timeline-item上挂在点击事件是不生效的，只有点击在连接线的位置才能触发，这是因为在点击过程中，可能点击到的是el-timeline-item的子元素，比如el-timeline-item__timestamp is-bottom"></div>元素解决方法：在click上面加上修饰符.native<el-timeline&g

项目开发中，总会涉及很多的数据渲染的问题，涉及很多的接口操作。前端通过调用接口获取后台真实数据渲染在页面中。    在中大型项目中往往需要很多的接口调用的操作。如果将这些接口封装在一个文件中，暴露出来，在页面需要的地方调用这个暴露的方法，这样就更容易管理，方便后面需要更改的时候返回来查看。1.需要的接口封装2.封装好的方法暴露出来

vue create创建项目时，报错command failed: npm install --loglevel error --legacy-peer-deps，记录一下解决过程

需求：锚点导航问题，点击导航跳到对应的模块，两种方式1.滚动盒子滚动到指定高度 scrollTo（offsetTop每个模块顶部距离可滚动盒子的顶部偏移的像素值）goAnthor (selector) {const height = document.querySelector(selector).offsetTopconst container = document.querySelector(

思路：采用element的图片上传图片组件el-upload，上传图片后，canvas绘制旋转后的图片，将canvas绘制出来的base64文件转化成file文件上传关键代码：<el-form :model="formLabelAlign"><el-form-item class="is-required"><el-uploadv-model="formLabelAl

vue逻辑处理中，直接给数组变量赋值为空例如 this.arr=[]，后面操作将不会在监听此变量的变化可以使用this.arr.splice(0)给清空数组

需求：vue2+axios提交表单上传图片，发现网上很多的方法不好用，无法实现。下面是自己实验成功的方法。可以按照jquery提交表单的方法实现。这种方式可以成功上传图片，后台接收数据也是解析表单的形式下面是一个小例子，仅只是方法， 部分代码<form ref="form" enctype="multipart/form-data"&g

关于图片的一些小utils1.判断图片是否存在export function CheckImgExists(imgurl) {var ImgObj = new Image() // 判断图片是否存在ImgObj.src = imgurl// 存在图片if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height

需求：不同组件间共用同一数据，当一个组件将数据发生变化时，其他组件也可以响应该变化。分析：vue无法监听localstorage的变化。localstorage主要用于不同页面间传值，vue适合组件间传值。对于组件间共用同一数据又想保存住信息或者再页面刷新的时候不丢失数据（vuex在页面刷新的时候存储的值会丢失，localstorage存储在本地浏览器中），可以采用vuex+localstorag