自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 资源 (1)
  • 收藏
  • 关注

原创 antd下拉模糊搜索➕enter弹框

背景: 实现能直接输入/模糊搜索(下拉选项)/回车弹窗选择的功能 Html <a-select show-search :value=“record.filed1” placeholder=“input search text” style=“width: 200px” :default-active-first-option=“false” :show-arrow=“false” :filter-option=“false” :not-found-content=“null” @search=“ha

2021-06-10 10:32:15 710

原创 antd-vue table表头行合并

在官网是不支持表头的行合并的: 表头只支持列合并,使用 column 里的 colSpan 进行设置。 表格支持行/列合并,使用 render 里的单元格属性 colSpan 或者 rowSpan 设值为 0 时,设置的表格不会渲染。 所以只能自己想办法了,用了一个比较low的思路:把需要合并的单元格拆分为n个单元格(flex布局使之垂直排列),然后在每行加上border-bottom let theadSolts = [{ type: 'filed9Title', labels: ['

2021-04-22 13:41:35 1884

原创 Ant Design of Vue form表单联动校验

背景:遇到一种情况:数值A,数值B,数值C, 他们的关系是数值B要小于数值A,数值C的结果为数值A和数值B的和 page.vue <a-form-model ​​​​​​​ ref="FormData" layout="inline" :labelCol="{ span: 8 }" :wrapperCol="{ span: 16 }" :model="FormData" :labelAlign="'left'" :rules="FormDataRules">

2021-04-20 18:02:46 2451

原创 阻止switch开关的事件冒泡

在做项目的时候遇到了switch和祖父元素事件冒泡的问题。刚开始想的解决办法是在change里面加e.preventDefault来阻止,然鹅不生效。就抱着试一试的方法在switch的父元素加上stop试试,竟然成功了。 <view v-for="(item, index) in deviceList" :key="index" @tap="airPanel(item, deviceType)" > <view class="device-switch" @tap.stop

2020-11-03 15:10:48 1784

原创 两个时间选择器的关联限制

要求: 1. 开始时间和结束时间的时间差为2年 2. 不可选今天之后的时间点 html: <div class="f-time-custom">自定义: <el-date-picker v-model="startTime" type="date" default-time="12:00:00" prefix-...

2019-10-11 11:13:27 781

原创 原生:tab标签的左右切换

适应移动端时,发现按钮组的长度不够显示5个,只够4个,所以加了两个左右切换的按钮<和>,逻辑如下: html <div class="table-head" id="table_head"> <span> <img src="img/web/aboutMe/up.png" alt="" style="transform: rotate(-9...

2019-07-09 09:51:22 1102

原创 数据清洗:按顺序给固定长度的list插入空数据(补全)

背景: 设备面板有12个插槽:但是服务器返回来的数据是不完整的(有插板才会有数据) 每张卡有6个灯:同理,服务器返回来的数据也是不完整的(有插卡才有灯) 界面上的需要是:必须要12个插槽,每张卡得有6个灯。所以就要把缺失的给补全。代码如下: this.detailInfoList.map((e, k) => { while (e.blade > this....

2019-06-19 17:28:06 1196

转载 Node.js 实现 zip压缩和解压

转自:https://www.jb51.net/article/135073.htm npm installcompressing --save const compressing = require('compressing'); compressing.zip.compressDir('nodejs-compressing-demo', 'nodejs-compressing-d...

2019-05-25 12:11:25 7183

转载 angular 中的广播销毁

背景: 前端:angularjs1 后端:nodejs angular与js文件通讯是用广播$emit进行,在angular的控制器里开一个监控$on接受广播。(注意:一个界面对应一个路由,对应一个控制器) 对接受广播的控制器RemoteStreamsController,与其他界面控制器比如accountController: 当切换界面时,angular会销毁当前的控制器,然后...

2019-05-21 10:08:41 730

转载 Node.js计算文件md5

转:https://itbilu.com/nodejs/npm/Nk-6MeQ9.html

2019-05-08 09:25:18 5674

原创 vue淘宝镜像

记录一下 安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 验证 npm config get registry 应用 cnpm install vue-amap --save 结果

2019-03-12 19:39:11 2362

转载 ubuntu系统下的lsyncd目录同步

本地目录同步: https://wzfou.com/lsyncd/ centos的配置文件是/etc/lsyncd.conf ubuntu的配置文件是/etc/lsyncd/lsyncd.conf.lua 且ubuntu要手动创建/etc/lsyncd文件夹、log文件、status文件,centos不用 其他都一样。...

2019-02-19 18:00:21 932

转载 linux安装node v6.10.2

http://m.zhizuobiao.com/node/node-18081700218/

2019-02-14 09:58:42 623

转载 【Linux】- apt-get命令

https://www.cnblogs.com/wangwust/p/9767892.html

2019-01-21 17:24:13 324

原创 Vue+ElementUI: 改进度条slider的刻度标签 --- format-tooltip

进度条:element的Slider 滑块 html: &lt;el-slider v-model="timestep" :step="10" :format-tooltip="timestepToolTip" show-stops :max="50"&gt;&lt;/el-slider&gt; js export default { data() { return { volu

2018-11-21 09:54:55 15636

vue-demo.zip

内包含树demo

2021-04-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除