摘要: 1.项目之前遇到过此问题 用css处理即可,这里我写了个demo总结下 需求:要输入框/下拉框禁止输入点击效果,并且显示禁止符号 (通常情况下 输入框/下拉框外面还有一层父元素) 一般我们肯定会给父元素和子元素用属性 cursor: not-allowed; 问题:但是惊奇的发现输入框鼠标划过有禁止 阅读全文
posted @ 2020-10-13 13:57 涵三点 阅读(238) 评论(0) 推荐(0) 编辑
摘要: 1 // 父组件向子组件传参: 2 // 在项目中 可能有好几个地方都用到这个功能(例如:表格 列表啊),写成一个组件就不用重复的粘贴复制了, 3 // 这个功能需要的数据参数可能根据当前页面会变动,这时候父组件就可以向子组件传参(可以是字符串 数组等),然后在父组件的页面上显示的就是 得到数据或参 阅读全文
posted @ 2020-10-10 11:52 涵三点 阅读(513) 评论(0) 推荐(0) 编辑
摘要: 1 // 多个对象合并为一个对象 2 // 1.Object.assign() 3 var arr1={name:'小米'}; 4 var arr2={age:2}; 5 var newArr = Object.assign(arr1,arr2); 6 console.log(newArr) //{ 阅读全文
posted @ 2020-09-25 10:09 涵三点 阅读(703) 评论(0) 推荐(0) 编辑
摘要: 项目elementUI表单验证,需要统一验证下共有的,就加了个rulejs做个记录,有需要的小伙伴考可以参考下 直接贴代码吧,标红的部分就是相应的正则 // 长度 function checkValNumLengths (rule, value, callback) { if(value){ if( 阅读全文
posted @ 2020-09-23 15:09 涵三点 阅读(757) 评论(0) 推荐(0) 编辑
摘要: 前段时间项目需求中涉及到上传多张图片 当条信息查看时可预览大图功能,项目框架vue.js+elementUI,抽时间在此做个整理记录,如有更好的方法 欢迎大家互相交流 页面列表更多操作-修改-先选择图片 点击确定时上传所有,查看-点击图片 就是查看图片大图 上传多张图片: el-upload组件 查 阅读全文
posted @ 2020-09-21 17:16 涵三点 阅读(8557) 评论(2) 推荐(2) 编辑
摘要: 记录下上周项目需求中的问题,如有更好的方法,欢迎大家留言交流 有两个日期选择器,开始日期选择后,结束日期只能选择开始日期之后的日期,开始日期之前的禁选 1 <el-form-item label="注册开始日期" > 2 <el-date-picker 3 v-model="form.busines 阅读全文
posted @ 2020-09-03 10:46 涵三点 阅读(6166) 评论(0) 推荐(1) 编辑
摘要: 因为项目中有上传图片 就把所有数据放到formData里了,有其他数据为空时 传给后台是null, 需要转化成空字符串,参考网上修改了下整理做个记录 function null2str(data) { if (typeof data != 'object'|| data null|| data 'n 阅读全文
posted @ 2020-09-02 16:23 涵三点 阅读(10348) 评论(0) 推荐(1) 编辑
摘要: vue点击多选,之前项目需求中就有用过,最近又遇到了,抽时间写个demo记录下 如有不对还请指出纠正,同样如果有更好的解决方法,欢迎大家留言交流, 直接放全部代码吧,我引的vue element,可直接运行看效果,但是记得自己本地引一下 没有动图 放张图片大家自行脑补一下吧哈哈 1 <!DOCTYP 阅读全文
posted @ 2020-09-02 11:58 涵三点 阅读(1440) 评论(0) 推荐(0) 编辑
摘要: 1.elementUI日期组件默认值部分记录 HTML: <div> <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日 阅读全文
posted @ 2020-08-19 11:56 涵三点 阅读(2318) 评论(0) 推荐(0) 编辑
摘要: 最近在总结项目中遇到过的问题,一直不太清楚 call(), apply(), bind()这三者的区别,在此做下记录。eg1:var name="老王",age="38"var obj={ var name:'小王', var newAge:this.age, function(){ console 阅读全文
posted @ 2020-07-02 16:24 涵三点 阅读(345) 评论(0) 推荐(0) 编辑