平平淡淡summer

Invalid prop: type check failed for prop "maxlength". Expected Number, got String.

摘要： 1、项目中，使用element-ui的input表单的maxlength属性报错 2、使用场景： <el-input v-model="fname" maxlength='100'></el-input> 报错：Invalid prop: type check failed for prop "ma 阅读全文

posted @ 2018-12-05 11:58 平平淡淡summer 阅读(3836) 评论(0) 推荐(0) 编辑

怎么去掉select的下拉箭头和输入框input类型为number时的上下箭头

摘要：一、去掉select的下拉箭头方法一：在select外面加一个div，设置select宽度大于div的宽度，并加一个超出隐藏属性overflow:hidden,小三角会隐藏掉；方法二：给select添加css样式二、输入框input类型为number时的上下箭头阅读全文

posted @ 2018-08-25 13:08 平平淡淡summer 阅读(1973) 评论(0) 推荐(0) 编辑

封装通用组件

摘要：最近因项目需求，对ElementUI中表格、对话框、菜单等做了二次封装，为了较少代码的书写量等。通用组件具备高性能、低耦合的特性。 1、数据从父组件传入为了解耦，子组件本身不能生成数据；即使生成了数据，也只能组件内使用，不能传递出去。父组件对子组件传参，使用props，例如： props: { 阅读全文

posted @ 2018-08-22 11:53 平平淡淡summer 阅读(1176) 评论(0) 推荐(0) 编辑

vue+ElementUI项目中，上传控件为必填项，上传图片后清空提示信息

摘要： (ps:以下是我在项目中遇到得问题及解决方法，希望对你们有帮助。如果还有其他方法，可以留言，谢谢) 一个表单页面，使用element-ui中el-upload上传图片，此项为必填项，然后写了校验规则，当不上传图片时，会提示请上传图片，当上传图片后，提示不会消失；代码如下： <el-form-ite 阅读全文

posted @ 2018-07-27 10:13 平平淡淡summer 阅读(4896) 评论(0) 推荐(0) 编辑

vue+ElementUI项目中，input只能输入正整数的验证

摘要：代码如下： <el-input v-model="famount" placeholder="请输入内容" @keyup.native="number"></el-input> methods:{ number(){ this.famount=this.famount.replace(/[^\.\d 阅读全文

posted @ 2018-07-18 10:48 平平淡淡summer 阅读(26165) 评论(0) 推荐(0) 编辑

在浏览器网址前面显示小图标的方法

摘要：第一步：使用Photoshop制作一个宽高均为32像素的小图标，制作完成后存储为ico格式; 第二步：在head部分插入下面这句代码，注意href里的地址是你存放ico图标的地址，根据你网站上存放的位置来写。 <link rel="shortcut icon" type="image/x-icon" 阅读全文

posted @ 2018-05-17 10:19 平平淡淡summer 阅读(409) 评论(0) 推荐(0) 编辑

SourceTree windows免注册免登陆使用方法

摘要：问题描述：安装SourceTree后，首次使用时，需要登录账号；但我们在注册或登录时，可能根本无法打开网页，导致不能进入。如下截图：解决方法：在目录C:\Users\XXXXX\AppData\Local\Atlassian\SourceTree 下创建文件accounts.json 注意：阅读全文

posted @ 2018-05-04 13:31 平平淡淡summer 阅读(252) 评论(0) 推荐(0) 编辑

一个宽度不确定的DIV里放三个水平对齐的DIV，左右两个DIV宽度固定为100px，中间那个DIV自适应宽度

摘要：方法一：浮动注意三个div的位置 <html><head> <meta charset="utf-8"> <style type="text/css"> *{ margin:0; padding:0; } .left{ width: 100px; background-color: red; he 阅读全文

posted @ 2018-04-12 15:39 平平淡淡summer 阅读(497) 评论(1) 推荐(0) 编辑

常见浏览器的兼容性问题

摘要：对浏览器兼容问题，一般分为html、css兼容、javascript兼容。不同浏览器的标签默认的外补丁和内补丁不同；问题：随便写几个标签，不加样式控制的情况下，各自的margin和padding差异大。解决方法：css里加*{margin：0；padding：0；} 2. 块属性标签float 阅读全文

posted @ 2018-04-09 21:21 平平淡淡summer 阅读(143) 评论(0) 推荐(0) 编辑

vue自定义指令之拖动页面的元素

摘要：此案例中，用到了鼠标事件onmousedown、onmousemove、onmouseup 源代码如下：阅读全文

posted @ 2018-04-03 20:17 平平淡淡summer 阅读(4862) 评论(0) 推荐(0) 编辑