- 博客(104)
- 收藏
- 关注
RSS订阅原创 vue表格拼接ElementUI的el-image图片
vue表格拼接ElementUI的el-image图片。:src=“变量 + ‘字符串’”
2023-04-12 09:14:48
550
原创 element 循环表格，最后两行区分样式
循环的表格，使用:row-class-name="tableRowClassName"方法，动态绑定方法
2022-07-09 11:00:11
259
原创 el-image 循环展示多张图片，点击放大，点击空白处关闭遮罩层。
<el-image v-for="(img,index) in ImagesrcList" :src="img" :preview-src-list="getImgList(index)" @click="handleClickItem"> </el-image> data() { return { ImagesrcList: [ 'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef.
2022-05-30 14:37:11
3688
2
原创 请求函数的封装 axios
首先我们在src文件下创建utils目录的文件夹utils下面创建一个request.js打开request.js1.定义变量，先安装axios(3选一)Using npm :$ npm install axiosUsing bower:$ bower install axiosUsing yarn:$ yarn add axios//引用axiosimport axios from 'axios';//导出去export const post = (url,dat
2022-05-20 11:37:03
247
原创 根据返回的值，在重复的值里动态取key，进行数据渲染（时间）
//数据格式const res = { "result": 1, "msg": "操作成功！", "data": { "start": 0, "end": 23, "list": [{ "back_name": "强电井1层", "used": 0.03, "event_hour": 0 }, { "back_name":.
2022-05-18 16:06:06
88
原创 路由守卫实现登录检验功能[学习整理]
学习链接: Vue3 从入门到实战 进阶式掌握完整知识体系//router=>router.jsimport { createRouter, createWebHashHistory} from 'vue-router'//引入页面地址import Home from '../views/home/Home'import Register from '../views/register/Register'import Login from '../views/login/Lo
2022-05-14 14:48:42
345
原创 按不同时间渲染表格数据
{ "result" : 1, "msg" : "操作成功！", "data" : { "chart" : [ { "temp_stamp" : "2022-04-16 09:41:12", "temp_face" : 1, "temp_battery" : 11, "temp_a" : 0.0, "temp_line" : 1, "temp_b" : 0.0, "device_id" : 103, .
2022-04-16 16:39:07
376
原创 Vue下载文件 ，Vue下载svg文件
axios.get('http://8.142.18203.svg', { responseType: 'blob' }).then(r => { console.log(r); const link = document.createElement('a'); let blob = new Blob([r.data], { type: 'application/json' }) link.style.display = 'none' link.href =.
2022-02-22 15:32:13
971
原创 vue 监听集合对象的值 (随手记录
watch: { 'DownList.value': function(v) { this.getNewMonitor() } }
2021-12-24 10:34:49
534
原创 Vue多个数组合并成一个，分别根据数据返回状态显示不同的状态图片
Vue多个数组合并成一个，分别根据数据返回状态显示不同的状态图片1.首先根据类型判断2.根据类型判断状态3.显示图片 <el-scrollbar style="height:200px;"> <div v-for="(item,index) in chartData.meterList" :key="index"> <div> <div style="width: 100px; height:.
2021-12-23 11:04:23
1477
原创 uniapp uview 图片上传
<template> <view> <view class="li-price" @click="toggle('center')"> 上传处理照片 </view> 处理事故照片上传: <!--u-upload是uview的图片上传组件，里面写的是上传条件。--> <u-upload :max-size="5 * 1024 * 1024" max-count="3" min-count="3" ref="uUp
2021-12-10 10:17:32
3981
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人