- 博客(27)
- 收藏
- 关注
RSS订阅原创 el-tabs点击刷新
一，el-tabls的template代码(红色切为切换的状态保持js对象) <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick"> <el-tab-pane label="发布单管理" name="deploy" value=""> <deploy-list v-if="tabRefresh.deploy"/> </el-tab-p
2021-06-29 08:54:15
651
原创 dialog中使用echarts
1、在dialog中使用open方法<el-dialog:title=“diaTitle”:visible.sync=“dialogVisible”@open=“open()”>2、在定时函数setTimeout中执行方法open() {this.$nextTick(() => {this.drawLine()})}
2021-06-23 14:59:23
570
原创 vue el-table内 时间戳格式化
<el-table-column prop=" " label=" " :formatter="formatDate"></el-table-column>formatDate(row, column, cellValue, index) { if (cellValue == null || cellValue == "") return ""; let date = new Date(parseInt(cellValue));
2021-05-27 16:43:54
452
原创 element滚动条样式修改
::-webkit-scrollbar { width: 8px; }//滚动条的滑块::-webkit-scrollbar-thumb { background-color: #eaecf1; border-radius: 3px;}
2021-05-20 20:13:37
118
原创 vue+echarts+websocket记录
报错：<template> <div id='main' ref="chart"></div></template><script>import echarts from 'echarts'import _ from "lodash";export default { name: "spacex", data() { return { echartsInstance:'', chart:
2021-05-10 10:06:48
267
原创 websocket简单记录
websocket(){ var ws = new WebSocket("ws://192.168.10.22:8088/ws/test/"); ws.onopen = function(){ //当WebSocket创建成功时，触发onopen事件 console.log("open"); ws.send(JSON.stringify({'message':'NN2r5PJmeRMiThd3uwquExNWUv2P2cCixHC8q.
2021-04-27 12:54:31
147
原创 js从url上截取参数
let url = window.location.href let temp1 = url.split('?'); let pram = temp1[1]; let keyValue = pram.split('&'); let obj = {}; for (let i = 0; i<keyValue.length; i++){ let item = keyValue[i].split('='); let key = item.
2021-04-20 13:48:25
132
原创 vue-echarts折线图，记录
<template> <div id='app'> <div id='main' ref='chart'></div> </div></template><script>import echarts from 'echarts'import axios from 'axios'import _ from 'lodash'export default { name: 'app', da
2021-04-18 13:00:00
60
原创 js循环总结
foreach循环：forEach（）方法为数组中的每个元素调用一个函数,foreach用于循环数组。var nums = new Array(12,13,14,15) console.log("Printing original array......") nums.forEach(function(val,index) { console.log(val)}) var arr = [1,2,3,4];var sum =0;arr.forEach(function(va
2021-03-17 09:08:47
66
原创 手写表单记录
样式：这个表单是将两个表通过id合并到一起html样式 <div className={styles.tableStyle}> <table> <tbody className={styles.edit}> <tr> <td className={styles.number}>序列号</td> { robotProgram
2021-03-10 16:18:06
77
原创 css记录
1.清除浮动：伪元素法,(他是两个冒号区别于伪类一个冒号)最后一个私生子.clear::after{ content:''; display:block; clear"both;}
2021-01-26 15:12:36
54
原创 偶尔看到的小诗：我想和你一起生活
我想和你一起生活 —— 茨维塔耶娃我想和你一起生活在某个小镇，共享无尽的黄昏和绵绵不绝的钟声。在这个小镇的旅店里——古老时钟敲出的微弱响声像时间轻轻滴落。有时候，在黄昏，自顶楼某个房间传来笛声，吹笛者倚著窗牖，而窗口大朵郁金香。此刻你若不爱我，我也不会在意。在房间中央，一个磁砖砌成的炉子，每一块磁砖上画著一幅画：一颗心，一艘帆船，一朵玫瑰。而自我们唯一的窗户张望，雪，雪，雪。你会躺成我喜欢的姿势：慵懒，淡然，冷漠。一两回点燃火柴的刺耳声。你香烟的火苗由旺转弱，
2020-12-19 14:02:44
234
3
原创 this指向问题
首先this指向的是一个对象，这个对象就是我们称为函数执行的上下文对象，然后，根据函数不同的调用方式，this指向不同的对象。1.以函数的形式调用时，this指向的是window。2.以方法的形式调用时，this指向调用方法的对象。3.以构造函数的形式调用时，this指向新创建的那个对象。4.使用call和apply调用时，this指向指定的对象。...
2020-12-08 11:16:46
87
原创 AJAX总结（XHR）
ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行数据交互，使网页实现异步更新，也就是在不加载整个网页的情况下，对网页的某部分进行更新。ajax同步请求:按照js请求的发送顺序去执行操作异步请求：可以同时进行多项操作，尽量不等待js不等待后台返回数据,执行其他操作ajax的请求流程：0.创建ajax对象1.设置请求,发送请求地址，发送请求方式2.发送数据3.设置一个监听事件、监听后台是否返回请求4.处理数据get，表单提交的数据会拼接到请求
2020-11-30 17:05:41
270
原创 vue图片上传formdata
template里面：<el-form-item label="照片" > <el-upload class="avatar-uploader" action="uploadeurl" :show-file-list="false" :before-upload="b
2020-11-23 13:48:53
433
原创 vue :src中如果动态从后台获取不到的话，显示默认图片的方法
<el-table-column prop="avatarPath" label="头像"> <template slot-scope="scope"> <img :src="scope.row.avatarPath?scope.row.avatarPath:require('../../../assets/avatar.svg')" alt="" style="width: 50px;height: 5
2020-11-18 14:54:35
317
转载 vue修改密码页面
<template> <el-form class="user-account-key" ref="form" :model="form" :rules="rules" label-width="100px"> <el-form-item label="原密码" prop="password"> <el-input type="password" placeholder="请输入原密码" v-model="form.p
2020-11-05 15:39:41
1709
原创 本地存储
存入本地：localStorage.setItem("id",id)```从本地取出：localStorage.getItem("id")console.log(localStorage.getItem("id"))
2020-11-04 13:21:33
38
原创 自定义弹窗组件
父组件将id传给子组件：弹窗点击事件：父组件：定义一个数字类型的iddata() { return { id: null, }将id赋值：upimages(id) { this.id = id this.$set(this.$data, 'dialogVisible', true) },子组件定义一个id接收： .
2020-11-03 15:31:08
143
原创 vue中布尔值，日期，转换
<el-table-column label="是否上报" prop="isReport" :formatter="formatBoolean"></el-table-column>methods: { // 布尔值转换 formatBoolean (row,column,cellValue) { let ret = ''; if(cellValue) {
2020-10-23 17:59:10
811
原创 Es6自我记录
对象扩展：Object.create（创建）Object.definepropertiescall 挨个传 立即调用apply 传的是数组 立即调用bind 先返回，加（）再调用三者都可以改变this的指向，都是调用var 用于函数 会提升变量const 块级 const一旦声明变量，就必须立即初始化 可用于定义常量let 块级解构赋值（数组，对象）...
2020-10-15 14:24:36
63
原创 vuex总结
vuex即对vue的数据进行管理：//放置全局状态state//计算属性getter//修改数据的状态，方法相当于methodsmutations//异步修改数据actions//vuex细分的模块modules
2020-10-15 14:24:05
61
原创 vue路由
路由守卫（权限）：调用next让其跳转router.beforeEach(to,from,next)=>{console.log(每次跳转前触发)}
2020-10-15 13:26:21
156
原创 百度地图动态标点加信息窗体
<!--客户一览--><template> <div> <baidu-map class="map" :zoom="map.zoom" :center="{lng: map.center.lng, lat: map.center.lat}" @ready="handler" :scroll-wheel-zoom="true"> <!--比例尺控件-->
2020-10-14 17:03:49
394
原创 promise函数
Promise函数中的then catch finally如果ajax请求成功了我们要写的一些方法啊，输出啊什么的都在then里面，请求失败了的话是在catch里面，finally的话就是不论怎样最后都会经过他
2020-10-13 17:18:49
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人