![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
有趣的Soul。
这个作者很懒,什么都没留下…
展开
-
el-dialog局部刷新
<!-- 拍照弹出框--> <el-dialog :title="videotext" :visible.sync="videoDialog5" width="1182px"> <!-- 哪裡像加載放哪裡--> <div style="width: 894px; height: 533px; display: inline-block" element-loading-text="图像正在加载中"原创 2021-12-20 15:23:25 · 925 阅读 · 0 评论 -
el-table
单个表格改变颜色原创 2021-12-08 16:47:03 · 164 阅读 · 0 评论 -
vue 中持续调用接口和延迟执行方法和延迟加载(自用)
vue 中持续调用接口和延迟执行方法整个页面延迟加载局部加载原创 2021-11-24 16:52:53 · 1331 阅读 · 0 评论 -
base64图片转换
下边的tuPianUrl是传过来图片的链接 <img :src="'data:image/jpeg;base64,' + tuPianUrl" />原创 2021-11-24 16:49:51 · 66 阅读 · 0 评论 -
ECharts折线图分段颜色区分
折线图网址https://echarts.apache.org/examples/zh/editor.html?c=line-aqi 先循环出来在取数据的时候 for (let i = 0; i < res.data.result.data.length; i++) { this.TimeData.push(res.data.result.data[i].监测时间); this.YuData.push(res.data.result.data原创 2021-11-19 16:42:56 · 1447 阅读 · 0 评论 -
树形图main.vue页面
<template> <div class="Main"> <el-container style="width: 100%;height: 100%;margin: 0;"> <el-header class="header"> <span class="header_span1">左上角名字</span> <i cl原创 2021-10-18 16:55:46 · 151 阅读 · 0 评论 -
Echarts更新版本修改
先cnpm install echarts -S在再main.js下边添加// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="柱状图" name="first">原创 2021-10-18 16:25:47 · 1284 阅读 · 0 评论 -
用el-tree写左侧导航条
<template> <div class="Main"> <el-container style="width: 100%;height: 100%;margin: 0;"> <el-header class="header"> <span class="header_span1">城市道路积水监测系统</span> <原创 2021-09-08 10:28:12 · 363 阅读 · 0 评论 -
省市县村镇传2个参数到后台并且5级联动
这是添加修改的el-dialog <div class="two"> <div class="title3">省:</div> <div class="input3"> <el-select clearable v-model="AddDialog_select0" filterable原创 2021-08-19 16:21:46 · 74 阅读 · 0 评论 -
区域代码转换成中文,编辑显示
this.AddDialog_select0=str.substr(0,2);//剪切前两位区域码 this.AddDialog_select1=str.substr(0,4); this.AddDialog_select2=str.substr(0,6); this.AddDialog_select3=str.substr(0,9); this....原创 2021-07-27 16:15:24 · 491 阅读 · 0 评论 -
txt导出文档 后台直接处理
在main.js下写入//导出txtimport moment from 'moment';Vue.prototype.$moment = moment;<el-button type="primary" size="mini" class="query1" @click="Export()">导出</el-button>Export() { let date1 = new Date(this.input_start);原创 2021-06-16 16:21:59 · 109 阅读 · 0 评论 -
搜索分页和不搜索分页简便方法
<el-button size="mini" class="select" @click="SELECT()">查询</el-button>上面是查询d原创 2021-06-16 16:11:00 · 179 阅读 · 0 评论 -
vue登录获取当前时间传给后面的页面
//获取当前时间 var date = new Date(); let year = date.getFullYear(); var month = date.getMonth() + 1; var dat = date.getDate(); var hour = date.getHours(); var minu..原创 2021-06-16 15:02:38 · 603 阅读 · 0 评论 -
VUE折线图和柱状图
<!--标签--> <el-tabs class="stat1_3" v-model="activeName"> <el-tab-pane label="柱状图" name="first"> <!--柱状图--> <v-chart class="stat1_chart" :forceFit="true" :height="height" :data="data" :scale="scal原创 2021-06-15 09:50:26 · 469 阅读 · 0 评论 -
最原始版本的左侧树形菜单,右侧地图
最原始版本的左侧树形菜单,右侧地图<!--实时数据-地图--><template> <div class="border"> <div class="tree"> <el-tree :data="datatree" :props="defaultProps" node-key="id" ref="tree" @node-click="handleCheck"> </el-tree>原创 2021-05-27 14:07:22 · 134 阅读 · 0 评论 -
VUE百度地图后三位为XXX就更换table数据显示
<template> <div style="width: 87%; margin-top: 0; height: 870px; float: left"> <!-- <weather class="weather" mode="tag" showBgImg></weather> --> <baidu-map class="map" :center="{ lng: center.lng, lat: center原创 2021-05-27 14:06:06 · 72 阅读 · 0 评论 -
Vue引入百度地图
第一步先npmcnpm i -S vue-baidu-map第二步 在main.js下添加下面的话 ak自己申请import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: ""})第三步 下面代码功能介绍:左侧有一个树形菜单 点击菜单上的地址,地图上的红点会自动标志到相应位置 ,点击红点会出来一个弹框,可以任意写东西进去<!--实时数据-地图--><template> <div cla原创 2021-05-25 10:31:05 · 376 阅读 · 0 评论 -
Vue点击Enter就可以登录
在你的button登录按钮写上@keyup.enter="login"下面有两个<input type="search" v-model="value_name" placeholder="请输入用户名"/> <input type="password" v-model="value_pwd" placeholder="请输入密码"/> <el-button @click="login" @keyup.enter="login">安全登录</el-but原创 2021-05-15 15:34:52 · 582 阅读 · 0 评论 -
循环数据库数据
数据格式:里面的item.name和item.value是data[0]下面的数据,需要显示在页面的 <div class="mon1"> <div class="title">1#脱硫脱硝进口</div> <div class="below"> <div class="box" v-for="item in list0" :key="item.id">原创 2021-05-10 15:51:31 · 174 阅读 · 0 评论 -
element强制一进页面就刷新
在main.js下写上router.afterEach((to,from)=>{ if(from.path != '/' && to.path != '/' && to.path != '/admin'){ window.location.reload(); }}),原创 2021-04-30 15:54:33 · 467 阅读 · 1 评论 -
vue用element年月日时分秒转换
在main.js下加上 /**************************************时间格式化处理************************************/ Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日原创 2021-04-30 15:49:37 · 451 阅读 · 1 评论 -
for循环遍历数据的key value ;vue v-for 循环遍历数据的key和value;
外加知识:根据搜寻来的资料for 循环数据的key 和value(key是我上面红框框的标的,value是后面对应的数据)demo data:{ 信息:1, 类型:'llllll', c:true }用for循环 for(var key in data){ console.log(key,data[key]) }结果 信息 1原创 2021-04-26 11:51:29 · 2934 阅读 · 0 评论 -
vue el-table下表头和数据都是活动的
后台传给我的数据是这种形式:现在的需求就是把红框里面的数据当成表头后面的数据以此是数据从前台查是这种模式:注意点:<el-table-column v-if="txta > 0" :prop="zybdata[0]" :label="zybdata[0]"></el-table-column>你可以写好多条 我还没想出咋循环直接就都出来<div class="user_skills"> <el-table :data="原创 2021-04-26 11:32:41 · 187 阅读 · 0 评论 -
element-ui table组件设置背景颜色透明
el-table的样式自定义是白色的 但是我们相变成透明注意点:1.重写样式要加(>>>或者/deep/),不然不会生效2.th ,tr都有背景颜色,都要重写,在<template>下面写上<div class="table" style="margin-top:20px;"> <el-table :data="skills" :header-cell-style="getRowClass" > <el-table-col原创 2021-04-25 10:09:47 · 3267 阅读 · 4 评论 -
el-table下导航条变透明
在CSS下写上就可以了 ::-webkit-scrollbar { height: 10px; } ::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 3px; }上效果图:原创 2021-04-25 09:49:44 · 191 阅读 · 0 评论 -
日期转换为后端需要的格式 Fri Oct 09 2020 00:00:00 GMT+0800 (中国标准时间)
element官网<span class="si_title">开始时间:</span> <el-date-picker style="width: 8%" show-time v-model="input_start" type="date" placeholder="开始时间"></el-date-picker><span class="si_title">结束时间:</span> <el-date-picker st原创 2021-04-15 13:54:25 · 1428 阅读 · 0 评论