效果如下：对比官网折线图案例，我所做的变化有以下几点：1、x、y轴轴线颜色设置、字体颜色 大小设置；2、折线颜色设置、折线转折点样式设置；3、填充色样式设置关于第一点我上条博客有写方法，有需要的朋友可以去看一下，在这里我就不多做声明了；第二点的实现方法：在配置项series:{}里配置第三点实现方法：在配置项series:{}里配置这样我们的折线图效果就实现啦，下面是完整代码：<templa

效果：实现关键： radius: [‘30%’, ‘45%’], // 饼图的半径，外半径为可视区尺寸（容器高宽中较小一项）的 45% 长度。30%为内圈大小，45%为外圈，中间15%就是环形图大小该配置项是写在series:[{radius: [‘30%’, ‘45%’]}]里...

vue3出来一段时间了，element也更新了版本去兼容vue3，在这里简单的介绍一下如何使用element-plus吧1、安装npm install element-plus --save2、引入import { createApp, Vue } from 'vue';import ElementPlus from 'element-plus';import 'element-plus/lib/

做这步操作主要是后端要求传视频的时长duration这个字段，获取方法第一种：<el-upload class="upload-demo":multiple="multiple":before-upload="getVideoToken"action="http://up-z2.qiniu.com":on-success="successVideo":data="up

<template><div class="app"><Uploadref="upload"action="/api/device/deviceInfo/createDeviceInfoByExcel"//接口地址:headers="{//请求头token: token,'Content-Type': 'multipart/form-data',}"...

点击红色框外的遮罩层区域关闭遮罩层方法一：关键点：@click=“close($event)”ref=“msk”<div v-if="popup.winning" class="coupon-popup" @touchmove.prevent @click="close($event)"><div class="popup-content" ref="msk"><im

准备流程：注册百度账号——申请成为百度开发者——获取服务密钥（ak）——使用相关服务功能使用流程：1、安装npm install vue-baidu-map --save2、在index.html页面引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></scr

在main.js中定义new Vue({el: '#app',router,data: function(){return {pcNumnow: 'PC20200924',//定义的全局变量}},components: {App},template: '<App/>'})在页面调用let demo= this.$root.pcNumnow//即demo的值为PC20200924//修改

上两遍写完之后，实现了实时数据流的效果，但是最大的问题出现了，就是数据流太快，浏览器在接收了一千多条的数据之后就崩溃了，那只能优化了，前期查了很多资料以及解决方法，比如：分页处理，将数据推送进数组 进行切割分页，再渲染出来，这样是处理了大数据，但是不是我想要实现的数据流效果，后面想了下，能不能用瀑布流的思路去解决呢？ 然后就开始实现，结果真的就完美的解决了我的问题，这里我偷了个懒，用的是eleme

我这里的使用场景是点击某一行的使用，该行的数据就调整在第一行显示了//给使用按钮添加方法，方法如下use(row) {let values = this.tableData;let value = row;let res = [value].concat(values.filter(item => item != value));//concat() 方法用于连接两个或多个数组console