2022年2月22日
el-select获取选中的value和label（值和id）
摘要： //vue页面 <el-select v-model="form.towerDeptName" placeholder="输入文字后选择" clearable @change="towerChange" > <el-option v-for="item in towerList" :key="ite 阅读全文
posted @ 2022-02-22 16:54 彳小闲鱼 阅读(3616) 评论(0) 推荐(0)
vue disabled样式更改（checkbox input ）
摘要： 一、checkbox更改disabled样式 /deep/ .el-input.is-disabled .el-input__inner { color: #606266;//在这里更改你所需要的样式 } 二、checkbox更改disabled样式 /deep/ .is-disabled .is- 阅读全文
posted @ 2022-02-22 16:53 彳小闲鱼 阅读(1391) 评论(0) 推荐(0)
VueTreeselect各项属性 (树状下拉多选框)不联动选择（只能选择末级节点等）
摘要： 初级引入使用请移步：https://www.cnblogs.com/gyw1996/p/15923984.html官方文档请移步：https://www.vue-treeselect.cn/#disable-branch-nodes <treeselect :multiple="true" v-mo 阅读全文
posted @ 2022-02-22 16:53 彳小闲鱼 阅读(3443) 评论(0) 推荐(0)
2022年1月18日
vue自动压缩上传图片
摘要： 1.下载插件npm i image-conversion --save2.页面引用：import * as imageConversion from 'image-conversion3.页面 （ps:若为自动上传，before-upload失效，请移步：https://www.cnblogs.co 阅读全文
posted @ 2022-01-18 14:26 彳小闲鱼 阅读(625) 评论(0) 推荐(0)
vue、js图片压缩上传
摘要： （ps：若为自动上传，请移步：https://www.cnblogs.com/gyw1996/p/15817667.html） //封装js（压缩图片} export function compress(fileObj, callback) { console.log('压缩前文件', fileOb 阅读全文
posted @ 2022-01-18 14:19 彳小闲鱼 阅读(229) 评论(0) 推荐(0)
2022年1月6日
element input类型为number时的（坑）光标上移，去掉后方箭头，maxlength失效，还可输入e特殊字符等问题
摘要： //页面<el-input v-model="value" //你自己的值 placeholder="请输入手机号码" clearable type="number" onkeyup="this.value=this.value.replace(/[^\d.]/g,'');"//限制输入e等特殊字符 阅读全文
posted @ 2022-01-06 10:05 彳小闲鱼 阅读(661) 评论(0) 推荐(1)
2022年1月5日
js vue密码校验6-16位、8-18位
摘要： vue,js密码校验 //vue密码校验/修改密码校验：data() { const equalToPassword = (rule, value, callback) => { if (this.user.newPassword !== value) { callback(new Error("两 阅读全文
posted @ 2022-01-05 17:28 彳小闲鱼 阅读(1599) 评论(0) 推荐(0)
2019年7月1日
vue，h5监听滚轮事件
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="https://unpkg.com/vue@2.2.6 阅读全文
posted @ 2019-07-01 09:58 彳小闲鱼 阅读(6650) 评论(0) 推荐(0)
2018年12月20日
盒子模型（含ie8--怪异盒子模型）
摘要： 盒子模型包括：centent（内容）、border（边框）、padding（内边距）、margin（外边距） //HTML: <div>centent</div> //CSS: div{ height: 200px; width: 200px; padding: 10px; margin: 20px 阅读全文
posted @ 2018-12-20 16:58 彳小闲鱼 阅读(1074) 评论(0) 推荐(0)
2018年12月18日
简版双飞翼
摘要： 双飞翼的布局主要优点是：优先显示中间部分，优先加载主要部分。 简版双飞翼布局虽然也可以实现双飞翼布局的样式，但并不具有优先加载中间部分的特点；简版双飞翼的优点就是比较容易理解，容易看懂，容易记忆，以及容易布局，需要用双飞翼时，若实在无法搞定原版的双飞翼布局，可以拿简版来代替。（建议尽量还是用原版的双 阅读全文
posted @ 2018-12-18 11:45 彳小闲鱼 阅读(162) 评论(0) 推荐(0)