获取下拉框key和value写法一：<el-form-item label="所属线路" label-width="120px"><el-select v-model="form.lineId" placeholder="所属线路" @change="queryTower" clearable><el-option v-for="(item,index) in all

全屏显示：一、 js<el-button type="primary" size="mini" @click="showFlow()">全屏</el-button>定义：fullscreen: false//全屏showFlow(){let element = document.documentElement;if (this.fullscreen) {if (docume

把图片路径转换成base64一、定义方法getBase64(img){function getBase64Image(img,width,height) {var canvas = document.createElement("canvas");canvas.width = width ? width : img.width;canvas.height = heigh

2、在 main.js 中引用。5、去掉打印的页眉和页脚。4、样式布局不生效问题。

地图html 代码<ve-map :data="chartData0" :settings="chartSettings22" height='300px' width='360px' style='margin:0px auto;' :grid="grid" :legend-visible='false'></ve-map>data() {thi...

导出方法：//封装的方法exportExcel: function(url, data, filename) {this.axios({method: "get",url: url,data: data,responseType: "blob"}).then(res => {...

需求：点击下方图片添加边框并改变走马灯播放的图片使其内容一致方法：element官方提供了setActiveItem方法<el-carousel trigger="click" height="380px" indicator-position="none" arrow="always" :initial-index="0"ref="remarkCarusel" @change="lisCh

上传: 这里以Ant Design of Vue 为例<a-upload :file-list="fileList" action="#" accept=".png" :custom- request="handleUpload3" :showUploadList="false"><a-button> <a-icon type="upload"></a-i

v-charts 使用下载：npm / cnpm i v-charts echarts -S在 main.js 文件引入import VCharts from 'v-charts'Vue.use(VCharts)//声明可以直接使用了柱状图1>. 在HTML 代码中写入相应代码占位<ve-histogram :even...

表单校验在uitls文件夹中新建一个validate.js文件validate.js文件定义需要验证的方法在所需要的页面中引入这个文件在用于校验的rules中使用它++++++++++++++++++++++++++++++validate.js 中定义验证规则// 只能为数字验证export function isNumber(rule, value, c...