- 博客(50)
- 收藏
- 关注
RSS订阅原创 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
978
原创 base64图片转换
下边的tuPianUrl是传过来图片的链接 <img :src="'data:image/jpeg;base64,' + tuPianUrl" />
2021-11-24 16:49:51
76
原创 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
1498
原创 树形图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
184
原创 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
1313
原创 VUE ECharts折线图柱状图
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="柱状图" name="first"> <div id="myChart" :style="{width: '100%', height: '600px'}"></div> </el-tab-pane&g
2021-09-23 16:53:23
332
原创 用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
395
原创 省市县村镇传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
86
原创 uni.switchTab()跳转不刷新页面问题
试了好几种方法，uni.switchTab()传值的时候就是过不去，我在子页面强制刷新才能拿到，几经周转终于找到了window.location.reload();试了好几种方法都不行，最后这样出来了。下面这个是强制刷新方法//强制刷新页面 // setTimeout(() => { // this.$router.go(0) // }, 400)子文件：...
2021-08-02 13:41:12
1244
原创 区域代码转换成中文，编辑显示
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
526
原创 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
125
原创 搜索分页和不搜索分页简便方法
<el-button size="mini" class="select" @click="SELECT()">查询</el-button>上面是查询d
2021-06-16 16:11:00
189
原创 vue Ant 数据传到后台怎么写
后台的需要前面传过去的类型：下面是三种方法： GETTOKEN(){ console.log('开始') //第一种方法 this.queryParam.pageNo=1 this.queryParam.pageSize=10 this.queryParam.sortField='1' this.queryParam.sortOrder='1' this.queryParam.ke...
2021-06-16 15:18:19
292
原创 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
638
原创 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
514
原创 uniapp下拉框
下面的label-key=是下来框显示的内容，value-key是传到后台的key<view class="vid2_1">视频</view> <ld-select class="vid2_2" :list="list" label-key="waterWorkName" value-key="url" v-model="select" placeholder="请选择" clearable
2021-06-01 13:14:27
7592
5
原创 最原始版本的左侧树形菜单，右侧地图
最原始版本的左侧树形菜单，右侧地图<!--实时数据-地图--><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
148
原创 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
79
原创 VUE百度地图一进入所有红点都显示操作
下面是显示图：左边是策展的名字 一进入页面就会把所有测站的坐标红点标记在页面上，点击会显示弹框测站的名字。也可以单独点击左边测站的名字，地图红点会自动定位到地图相应的位置，点击后也会弹出弹框。<!--实时数据-地图--><template> <div class="border"> //element的树形菜单 <div class="tree"> <el-tree :data="datatree" :props="
2021-05-27 13:50:45
1045
原创 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
403
原创 关于Angular的知识点
Angular的环境搭建、创建项目以及运行项目ng 无法加载文件 C:\Users\hl\AppData\Roaming\npm\ng.ps1 解决方法运行时修改launch.json { "type": "pwa-chrome", "request": "launch", "name": "Chrome", "url": "http://localhost:4200", "we
2021-05-21 14:01:00
83
原创 获取当前时间传到后台
var date = new Date();var year = date.getFullYear(); //获取当前年份var month = date.getMonth() + 1; //获取当前月份var dat = date.getDate(); //获取当前日var hour = date.getHours(); //获取小时var minutes = date.getMinutes(); //获取分钟var second = date.getSeconds(); //获取秒cons
2021-05-20 16:31:45
494
原创 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
635
原创 循环数据库数据
数据格式：里面的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
199
原创 element强制一进页面就刷新
在main.js下写上router.afterEach((to,from)=>{ if(from.path != '/' && to.path != '/' && to.path != '/admin'){ window.location.reload(); }}),
2021-04-30 15:54:33
484
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
483
1
原创 uniapp下拉框点击查询数据
先导入插件下拉框多选单选返回按钮下载地址阿里巴巴矢量图下面的range-key="stationName"里的stationName是下拉框显示的内容<view id="data"> <view class="up"> <span class="title">登录哈哈哈哈售电系统</span> <view class="img1" @click="Tuichu()"></view> //点击返回登录页面 &l.
2021-04-30 15:09:17
3118
原创 uniapp点击链接跳转到别的页面
<span @click="navito('http://www.china-bdh.com/')">中国米业网 |</span>methods:{ navito(e) { window.location.href = e }, }
2021-04-30 09:00:27
2658
原创 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
2989
原创 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
209
原创 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
3305
4
原创 el-table下导航条变透明
在CSS下写上就可以了 ::-webkit-scrollbar { height: 10px; } ::-webkit-scrollbar-thumb { background-color: #a1a3a9; border-radius: 3px; }上效果图：
2021-04-25 09:49:44
219
原创 vue省市县三级联动
<el-select @change="GetCity" v-model="Pselect" placeholder="请选择省"> <el-option v-for="item in AddDialog_Province" :key="item.code" :label="item.name" :value="item.code"></el-option> &l..
2021-04-17 15:06:32
382
原创 前端处理数据拼接
el-table表格的prop要改成下面自己定义的 <el-table-column prop="w" label="水位"></el-table-column> <el-table-column prop="r" label="雨量"></el-table-column>.then((res) => { let tbdata = []; for (let i = 0; i < res.data.dat
2021-04-17 14:55:03
728
原创 vue导出Excel
<el-button size="mini" class="main1_export" @click="EXPORT_RAINDALL()">+导出</el-button> //9-导出 EXPORT_RAINDALL() { //element的时间数据转换 let date1 = new Date(this.input_start); let y1 = dat...
2021-04-17 14:44:55
82
原创 创建vue3.0项目
确保nodejs.cn已经安装好判断是否安装好node -v（检查版本号）npm -v （检查是否安装npm）npm淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org（cnpm淘宝镜像）创建vue项目1、cnpm install -g @vue/cli2、vue create my-project //my-project项目名字按照图片进行一步一步最后效果...
2021-04-17 10:15:28
124
原创 vue3.0引入element和axios
npm install --save axios vue-axios //axiosnpm install element-plus --save //element在main.js下换上import { createApp } from 'vue';import axios from 'axios';import VueAxios from 'vue-axios';import element from 'element-plus';import App from './Ap
2021-04-17 09:31:15
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人