一个在全能之路上越走越远的男人。

搜遍全网感觉没有一个做过的，只能看类似的案例，自己摸索了，索性很容易就出来了，记录一下首先，我们需要打印后端返回的图片流，我找了半天没找到方法，打印pdf的方法倒是有，但只是支持pdf的流。那么打印图片流，只能考虑其他的方案了。变通思路如下：blob的图片流肯定能展示在页面上，那么只要先把图片转成blobURL的地址，显示在指定的div内，然后指定打印的区域就行了。做法如下:1.先把返回的blob流，转成blob的URL： // 将返回的流数据转换为url， flle参数是blo.

先谈谈遇到的问题吧：1. 后端接口返回的blob文件流，你下载下来的文件是乱码的？解决办法 ：让你的后端设置流的编码为utf-8。请跟后端大佬说，一定要给blob格式的文件流。2. 后端返回的blob文件流，并且已经设置了utf-8,但是你接受的接口返回值，依然是乱码？解决办法： 肯定没有设置 responseType: "blob"，我不知道你用的什么接口请求方式，你可以搜一下，怎么设置responseType: "blob"3. 下载word文件里面内容是【object object

前言：好歹也是用了三年的Vue老手了，天天搬砖，也没意思，想着研究一些深层次的东西，自己造造轮子，顺便换个城市，换个工作。第一题：Vue中Watch和Computed方法的区别？答：先说相同点吧，两个方法都可以监听数据变化，执行一些操作。再说不同点：1.写法不同，computed 无法拿到变化之前的值，watch可以。// 计算属性computed: { fullName() { return firstName + lastName; }.

1. 子组件内，调用mapActions报错解决方法：引入 import store from '../../store';调用actions的方法：store.dispatch('checkSatId', params).then(res => { if (!res.data) { this.errors = '新增卫星ID不能...

后端写法：/*** 使用gzip进行压缩*/public static String compress(String primStr) { if (primStr == null || primStr.length() == 0) { return primStr; } ByteArrayOutputStream out = new Byte...

在 new Vue 在ESLint报错 Do not use 'new' for side effects方法一在new Vue上加/* eslint-disable no-new */这句注释可以绕过规则检测/* eslint-disable no-new */new Vue({ el: '#app', router, components: { App }, ...

众所周知：当前通过npm run build 后会产生一个dist 文件夹那么如何放到服务器上然后通过一系列的转发呢：安装nginx 我在这里不多介绍，随便搜一篇博客安装就行。主要介绍nginx.conf 的配置文件内容：配置文件中可以配置多个serverserver { gzip on; gzip_min_length 1024; gz...

首先说一下，watch的基本用法：watch: { indexList: { handler(newVal, oldVal) { if (this.indexList.length !== 0) { this.rightBtnText = '确定'; } }, deep: true }}...

vue 的history 模式是很有必要的，可以删掉路径中的# 号，尤其是做微信开发，微信那边会自动把#给除掉。所以一般都设置成history的模式。但设置成history 的模式，会导致很多问题。最近我就碰到一个这样的问题：如题目 。仔细看上图出错的路径，这个路径刷新会在当前路径下找 js,很明显这个二级路由的路径下是没有的 static的，所以报错。再看下我的打包配置：...

1. 需求： 回退页面不刷新，保持原样，数据缓存。2. 做法：使用vue 的keep-alive ,保持组件的数据缓存，避免被重新渲染。3. keep-alive的用法：<keep-alive include="viewer"> <router-view></router-view></keep-alive>keep-al...

一、require.ensure() 方法来实现代码打包分离require.ensure() 是 webpack 特有的，已经被 import() 取代。require.ensure( dependencies: String[], callback: function(require), errorCallback: function(error), chunkName...

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。用处：解决多个组件共享同一状态或者更改一个共享状态的时候，父子组件或者兄弟组件通信的繁琐、冗余的缺点。何时使用：在开发中型或者大型的单页应用时候，用vuex会让你节省很多，组件之间的通信麻烦，如果是小型的，其实没必要使用。...

1. 父组件引入子组件upGrade：<up-grade :userId="userKey" @chilid="getInfo"></up-grade> ，绑定父组件的getInfo方法在chilid上2.子组件：触发 chilid方法，$emit(方法名，参数)第一个传父组件绑定的方法的时候的名字，第二个是子组件参数还有一种方法，通过props传递。注...

没触发watch方法，手动触发一下。参考https://andyliwr.github.io/2017/12/25/element_form_validate/

用element 自带的渲染函数，再加上 el-select 可以选择，但是页面要显示选择的值，却不行。不知道为啥，数据已经更新了，但是插槽的v-mode 就是不生效。于是只能手动写渲染函数来实现了。需求是这样的，切换表头的状态，来筛选列表。引入的child 是另外写的子组件。这样之后，就可以把选择框的组件插入到表头了，也可以改变数据了。但是，随之的问题来了，怎...

重点1：生命周期的钩子函数，不能使用箭头函数。重点2:每个周期的作用以及应用场景：beforeCreate: 数据渲染之前，data里面的数据还没赋值到定义的变量上，Dom树也没有开始渲染。应用场景：相当于刚进入页面，可以加一些加载中的样式，等待全部渲染完毕，再关闭加载中动画。create：数据渲染完毕，data里面定义的变量开始有值，但Dom树依然没有开始渲染。应用场...

官方网站这么说的：Vue异步执行 DOM 更新。只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。然后，在下一个的事件循环“tick”中，Vue 刷新队列并执行实际 (已去重的) 工作。Vue 在内部尝试对异步队列使用原...