Vue里使用Map键值对传参问题描述：在参数传递时时候Map键值对key:value的形式进行传参。1、date数据区定义声明map变量和中间数据变量temp：data(){return{//其他代码map:'',temp:[]}},2、methods方法区接口传值：声明map为Map变量，接收接口传过来的key数据生成表单项数据项:this.map=new Map()

公共组件使用场景：项目中若多个页面都显示有相同的区域内容，则该公共区域内容可以封装成公共组件进行使用

Vue里使用Element-ui组件el-table设置指定行样式(采用cell-style方案避row-class-name坑)问题描述：根据项目开发需求，需要对table指定的行或者列进行样式设置。Element-ui中table提供的row-class-name提供的方案是真的坑，改用cell-style方案。先给出效果图：即实现自定义斑马条纹样式。其他方法参考Element-ui官方文档：

Vue里使用Element-ui组件el-table设置指定行样式(采用cell-style方案避row-class-name坑)问题描述：根据项目开发需求，需要对table指定的行或者列进行样式设置。Element-ui中table提供的row-class-name提供的方案是真的坑，改用cell-style方案。先给出效果图：即实现自定义斑马条纹样式。其他方法参考Element-ui官方文档：

Vue使用Element-ui upload组件进行多文件上传(视频或者图片)最近有个小的功能需求需要能够支持多文件上传图片或者视频文件，头疼不已。话不多说，上干货。1、按需对接口请求进行封装(可以根据你自己的需求来)// body传参function bodyParams (method, url, params, contentType) {return new Promise((resolv

Vue-cli项目里配置内网外访问在进行为了方便进行内外网访问，需做以下相关配置1、vue.config.js配置如下：const webpack = require('webpack')// const path = require('path')// function resolve(dir) {//return path.join(__dirname, '..'1, dir)// }modu

问题描述：在进行接口请求的时候跨域请求的错误。解决方法：1、修改config文件下的index.js里面的proxyTable属性：proxyTable: {'/api':{target:'http://bus.jt.sh.cn:8080',changeOrigin: true,pathRewrite:{'^/trafficline':''}}},说明：proxyT

Vue+Echarts数据可视化(面积图)最近公司开发需要使用Echarts来进行数据展示，稍微记录一下。先看效果图：话不多说，直接上代码：1、使用npm下载安装Echarts依赖(下载速度慢可使用淘宝镜像进行cnpm)npm install echarts -S2、js里引入echartsimport echarts from 'echarts'3、Echarts面积图页面展示部分<el-

Vue里如何解决form吧表单更新操作出现不能进行编辑的情况只需在进行form表单更新操作的时候进行强制更新即可：1、首先、定义一个用于强制更新的方法//对form表单进行强制更新操作，避免无法编辑表单的情况updateForce(e){this.$forceUpdate();var val = e;}2、在需要进行更新操作的form表单调用定义好的强制更新方法<el-form-item l

Vue前端适配自定义vh和vw方案话不多说，直接上代码1、在assets/css文件下新建global.scss，代码如下：以适配屏幕为1920x1080为例，其他尺寸根据具体需求修改即可。$vm_base: 1920;$vh_base: 1080;// 计算vw@function vw($px) {@return ($px / $vm_base) * 100vw;}// 计算vh@functio