agua001的博客

vue canvas绘制点、直线、矩形、圆、多边形；以及点击选中高亮；拖拽、放大缩小；明暗度调节

***

(表头有一列不显示了)（有数据，但是不显示）

【代码】echarts 饼图标注 字体修改。

【代码】el-image 的关闭事件。

大文件上传，前端大文件分片上传

vue antd a-table组件设置表头鼠标移入悬浮显示（自定义的表头）

js 根据当前年月获取当前年月的全部日期

1、需求：勾选中某个项，表格就展示对应的数据，反之则不显示2、表格的 columns 动态赋值（刚开始默认全部不展示）html: <div class="checkBox"> <a-checkbox @change="changeData" :checked="dataRate"> 数据传输完整率 </a-checkbox> <a-checkbox @change="changeTimely" :checked="timelyRate"

1、需求: 可以在当前数组拖动，亦可拖动到其它数组, 如图：2、最开始都是空数组，后来左边数组有数据，右边还是空数组，但是发现拖动无效<div class="itemBox"> <div class="checkBox"> <div class="checkBox_top"> 显示监测项 </div> <div class="checkBox_bm"> <div class="titl

1、下载xshell https://xshell.en.softonic.com/2、下载完成，点击安装，安装完成运行xshell新建会话，输入服务器地址、端口号、名称，点击新建会话，弹出：3、找到项目目录： public的上一层cd /data/WebPC // 定位到此目录回退命令： ../4、Port 8888 is already in use 端口被占用，其它地方已启动了，停止了就可以启动了，node bin/www证明启动成功（关闭：Ctrl + c）。但是这种方式启

1、点击展开当前行，使用当前行的对象渲染基本的信息，使用当前行的id请求获取展开行里的表格数据2、问题来了：点击第一个展开获取到的数据是正常的，点击第二个，获取到的表格数据会覆盖第一个表格的数据，即最新点击获取的展开行的表格数据覆盖前面打开的行的表格数据3、代码：父组件：<a-table :columns="columns" :dataSource="dataSource" :row-selection="{ selectedRowKeys: selectedRowKe

1、在孙组件里定义事件，通过$emit把值传出去孙组件：planPop.vue<template slot="action" slot-scope="record"> <span @click="handleDetail(record)" class="detailBtn">查看</span></template>// 点击查看handleDetail(record) { this.$emit('showPlanImg', true);

1、需求：在首页展示实时时间点儿，离开首页清除定时器，刚开始的做法：父组件：home.vue<page-head ref="pageHead" />activated() { this.$nextTick(() => { this.$refs.pageHead.startTime(); })},子组件pageHead.vue<div class="weather"> <span>{{ timeDate }}</span&gt

1、使用父子组件时，报错2、子组件未引入import rulesSet from "./components/rulesSet.vue"components: { rulesSet},生活不是为了赶路，而是为了感受路！

1、antd表单赋值报错：<a-form-item label="月份"> <a-month-picker v-decorator="['month']" disabled format="M月" ></a-month-picker></a-form-item>setValue(data) { let deadline = data && data.deadline? moment(data.de

<a-col :md="12" :sm="24" class="ex-item"> <a-form-item label="闸门类型："> <a-select :getCalendarContainer="triggerNode=> triggerNode.parentNode" v-decorator="[ 'floodgateType', { rules: [{ required:

1、需求：下拉多选星期，选中以二进制表示值，转化成十进制传给后台，后台返回十进制，前端把十进制转成二进制，然后再对数据进行比对然后渲染2、传值html:<a-form-item label="" class="weekSel weekSelMore"> <a-select mode="multiple" :maxTagCount="3" v-decorator="[ 'weekRateType', { initi

1、获取url地址后的值（包含?）window.location.search; //获取url中"?"符后的字符串比如url 为： https://editor.youkuaiyun.com/md/?userName=magic4j&userId=547ac1d0-385b-4219-95fa-e7964b893ee4&id=238let query = window.location.search;console.log(query)// ?userName=magic4j&use

1、按正常的做法，都是从左往右排（最左最新数据，对应右侧的顶部数据）2、测试老大可能太闲，说不要这样的效果，他想初次进来显示最新的数据，而且是在x轴的左右边，看其他数据的需要往右滑动。3、去官方文档看了看，有个倒排的属性：inverse，官方地址：https://echarts.apache.org/zh/option.html#xAxis.inversexAxis: [{ type: 'category', boundaryGap: true, alignWithLabel: true,

1、在activated中使用, 关闭或者离开当前页则不调用了data() { return { timer: null }}async activated() { await this.getQuery() this.getData(this.getQuery()) this.timer = setInterval(() => { this.getData(this.getQuery()) }, 1000)},deactivated() { clearInterval