qq_39037897的博客

原创 vue2适配手机端，postcss-pxtorem插件px转rem问题

vue2适配手机端，postcss-pxtorem插件px转rem问题

原创 html根元素，与rem结合适配页面

html根元素，与rem结合适配页面

原创 vue3项目页面适配插件

vue3项目页面适配插件

原创 vue3适配postcss-pxtorem报错

vue3适配postcss-pxtorem报错

原创 element-ui组件el-table实现导出表格

element-ui组件el-table实现导出表格

原创 element-ui组件el-table实现导出表格，多行合并，多列合并，总计功能

element-ui组件el-table实现导出表格，多行合并，多列合并，总计功能

原创 vue点击菜单实现多标签页tab,打开关闭多个页面（右击关闭功能）

vue点击菜单实现多标签页tab,打开关闭多个页面（右击关闭功能）

原创 关于vue的多页面标签功能

vue多页面标签

原创 vue点击菜单实现多标签页tab,打开关闭多个页面

vue菜单多标签tab,打开关闭多个页面

原创 vue中引入echarts地图mapStyle失效

1.升级vue中echarts版本为5.0以上。用的4.2.1版本的有的电脑的浏览器可以显示背景色，有的不显示，升级完就显示了2.确保index.html引入的是百度地图js是3.0版本的3.最好使用谷歌浏览器

原创 table列表选择框记住之前的选中的

1.点击全选之后，在取消一个，列表框数据会消失一个，解决方法；this.selectedWorker[this.form.pageNum] = this.tableData;改为this.selectedWorker[this.form.pageNum] = deepClone(this.tableData);2.export function deepClone(source) { if (!source && typeof source !== 'object'...

原创 table列表选择框记住之前的选中的，选中的数据包含条件限制

1.代码粘贴如下

原创 el-upload文件上传进度条，el-upload组件直接定义接口

<template> <el-upload drag :action="url" :limit="1" ref="imgUrl" :headers="token" accept="*" :before-upload="beforeUpload" :file-li...

原创 el-upload文件上传进度条，通过axios实现

<el-upload drag action="" :http-request="self_upload" :limit="1" ref="imgUrl" accept="*" > <i class="el-icon-upload"></i> ...

原创 vue2.0防止打包缓存不刷新，所以给每个js文件都加一个时间戳

1.在项目中找到如下图文件2.如下图标红处添加对应的值

原创 vue3.0防止打包缓存不刷新，所以给每个js文件都加一个时间戳

```html1.在vue.config.js中文件前面添加时间戳//引入webpackconst webpack = require('webpack');const path = require('path');const { config } = require('process');const resolve = dir => path.resolve(__dirname, dir)const Version = new Date().getTime(); //当前时间为了防

原创 vue2.0打包的文件添加前缀路径，以及路由添加前缀路劲

1.在config文件夹下的index.js文件中assetsPublicPath设置你想要的文件路劲2.在设置路由文件里面base: '/'要设置成相应的值base: ‘/commonpath’

原创 vue3.0打包的文件添加前缀路径，以及路由添加前缀路劲

1.在vue.config.js中基本路径设置publicPath: process.env.NODE_ENV === ‘production’ ? ‘/commonpath/’ : ‘/’2.process.env.NODE_ENV为production是设置线上环境，dev是本年环境3.图例

原创 el-upload组件直接用接口调用

点击或文件拖拽到这里上传

原创 el-upload组件before-upload方法无效

1.el-upload组件accept值用字符串数据绑定，before-upload方法无效。改成自身accept=".pdf, .doc, .docx, .rar,.zip,.exe,.pptx",才有效。

原创 css分页处理，page-break-after: always失效

1.page-break-after: always;最好定义在div上2.不要设置div为display:inline-block(我设置了table分页打印一直位置错乱，删了，就好了)

原创 table打印分页问题解决

1.table设置border: none；2.tr设置page-break-inside:avoid;// 防止table数据太多，tr分页错乱3.td设置border: 1px solid #000;// 防止部分分页的tr边框线没有.checkprint-table {margin-top:10px;display: table;width: 960px;font-family: 仿宋 !important;font-size: 22px;text-align: left;bord

原创 vue3.0配置文件vue.config.js

//引入webpackconst webpack = require(‘webpack’);const path = require(‘path’);const { config } = require(‘process’);const resolve = dir => path.resolve(__dirname, dir)const Version = new Date().getTime(); //当前时间为了防止打包缓存不刷新，所以给每个js文件都加一个时间戳module.exp

原创 el-checkbox参数动态设置，el-checkbox-group动态设置v-model，未勾选成功。

1.<template> <el-checkbox-group v-model="ruleForm.values" class="m-el-checkbox-group" > <el-checkbox v-for="item in list" :label="item.key" :key="item.key"

原创 前端vue框架分片上传文件到阿里云

1.先安装ali-oss,命令cnpm install ali-oss2.新建js文件const OSS = require(‘ali-oss’);export function infoClient() {const client = new OSS({region: “”,//地域endpoint: ‘’,//访问域名accessKeyId: “”,//标识用户IDaccessKeySecret: “”,//用户验证签名密钥bucket: ‘’,//测试存储空间secure: tru

原创 前端（vue）分片上传文件