fk1246444的博客

原创 阿里云OSS直传案例

button @click="uploadFile">上传</button>console.error('上传过程中出现错误:', error);console.error('文件上传失败');console.log('文件上传成功');// 这里需要替换为你的后端获取签名的接口地址。

原创 base64图片在另一个页面显示

以下代码是已经封装好的，直接传入一个base64图片即可。的图像数据，把它转换为一个Blob对象。

原创 [vxe-table]当 树形table数据更新后自动收起了，解决方法

1.设置reserves属性为true。2.还需要配置keyField,

原创 二次封装el-table，可拖拽，改变列的顺序

【代码】二次封装el-table，可拖拽，改变列的顺序。

原创 vue中二次封装UI库，既保留原有的功能

1.二次封装组件库保留原来的组件功能，如果需要我们一个个写props属性那就太麻烦了，这时候可以用到：vue2中的$attrs和$listeners，vue3中只需要用到$attrs（穿透）。2.使用过程中可能也会用到组件库中暴露的一些方法，需要通过ref来获取，可以把组件库中暴露的方法提到当前组件中。由于一些特殊的业务需求，我们既要保留原来的组件功能，又需要自己增加额外的东西，这时候就需要二次封装组件库。2.还有组件库中的插槽，可以用$slots来获取并循环。一.为啥需要二次封装UI组件库呢?

原创 vscode中没有更新到新建的分支的解决方法

在终端输入对应的命令即可。

原创 VUE+webpack开启Gzip压缩方案

比较庞大的项目在生产环境下会影响加载速度，而Gzip压缩方案可以将打包之后的体积减少30%甚至更小，在生产环境下大大提升加载速度，提高用户的使用体验。

原创 axios取消某个请求和全局封装拦截器阻止重复请求

（1）Axios 支持以 fetch API 方式——（2）还有CancelToken可以取消请求。1.取消某一个请求，axios支持两种方式。取消请求（从v0.22.0开始启用）2. 二次封装全局取消重复请求。

原创 webpack4配置打包忽略console和debugger

我们需要用到TerserPlugin，由于webpack高版本的自带了TerserPlugin，所以不需要安装。

原创 213123123123123