自定义博客皮肤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-selectshow-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 549

原创 antd-vue table表头行合并

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

2021-04-22 13:41:35 1614

原创 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 2178

原创 阻止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 1455

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

要求: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 689

原创 原生: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 968

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

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

2019-06-19 17:28:06 1087

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

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

2019-05-25 12:11:25 6975

转载 angular 中的广播销毁

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

2019-05-21 10:08:41 632

转载 Node.js计算文件md5

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

2019-05-08 09:25:18 5475

原创 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 2178

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

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

2019-02-19 18:00:21 784

转载 linux安装node v6.10.2

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

2019-02-14 09:58:42 552

转载 【Linux】- apt-get命令

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

2019-01-21 17:24:13 238

原创 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 15195

vue-demo.zip

内包含树demo

2021-04-09

空空如也

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

TA关注的人

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