前端
文章平均质量分 63
Adonis_D_Gogh
湖畔路打字员
展开
-
input 属性为 number,maxlength不起作用如何解决?
<input type="text" maxlength="5" /> 效果ok,当 <input type="number" maxlength="5" />时maxlength失效,长度可以无限输入。解放方案:<input type="number" oninput="if(value.length>5)转载 2018-06-20 14:05:30 · 4409 阅读 · 0 评论 -
vue+elementUI图片上传
1、html<el-form-item label="图片" prop="logo"> <el-upload name="file" v-if="optype==0" :action="'/upload'" accept=".jpg, .png" list-type="pic原创 2018-05-03 11:59:15 · 2666 阅读 · 0 评论 -
如何在VUE引入工具类JS
在VUE引入工具类JS用引入手机号验证为例:方法一:【utils.js文件】import Vue from 'vue'Vue.prototype.validatePhone = validatePhone;function validatePhone(rule, value, callback){ let mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-...原创 2018-04-23 14:42:21 · 1646 阅读 · 0 评论 -
element-UI 根据table中数据改变颜色 或显示对应内容
element-UI 根据table中数据改变颜色 或显示对应内容1、根据table中数据的值改变显示颜色,效果:代码:<el-table-column prop="countdown" label="剩余天数(天)" width="95"> <template scope="scope"> <span v-if="sc原创 2018-04-19 10:41:02 · 12430 阅读 · 1 评论 -
Moment 进行日期比较 格式化日期
【官方moment.js文档】1、Js代码var validateQualityDate = (rule, value, callback) => { var t1 = moment(this.form.purchaseDate).format("YYYY-MM-DD") var t2 = moment(value).format("YYYY-MM-DD") cons...原创 2018-04-12 16:19:58 · 14170 阅读 · 0 评论 -
Ext 展示图片列表(笔记1)
Ext 展示图片列表1、效果图:2、js代码 Ext.require([ 'Ext.view.View' ]); Ext.onReady(function() { Ext.define('img_view', { extend: 'Ext.data.Model',原创 2018-01-03 18:53:11 · 1417 阅读 · 1 评论 -
Ext 图片批量删除(笔记2)
1、增加Ext按钮 var butExt = new Ext.Button({ text: "删除", renderTo: 'dataview-example', width: 100, id: "mybutton" });2、在panel中的listeners增加图片选中的监听var imgEXt = Ext.create原创 2018-01-05 11:57:11 · 372 阅读 · 0 评论 -
EXT Grid单元格中的内容超长时自动换行显示(笔记3)
1、强制改变样式.x-grid-cell-inner{white-space:normal;word-wrap:break-all;}2、效果图原创 2018-01-24 10:57:03 · 1069 阅读 · 0 评论 -
EXT gridPanel中数据保留两位小数(笔记4)
1、定义modelExt.define('report', { extend: 'Ext.data.Model', fields: [ { name: 'customerName', type: 'string' }, { name: 'Name', type: 'number' },原创 2018-01-29 16:20:56 · 1929 阅读 · 0 评论 -
CheckBox批量删除
vue+element CheckBox批量删除1、html代码删除 2、分析在标签中要写 :label="xxx" ,否则在勾选时未加区分会导致全选。标签中,"this.imgAttachmentId.length === 0" 判断是否有勾选项,若无则禁用删除键。当有勾选项时,会将选中项的 "item.attachme原创 2018-01-09 16:58:27 · 689 阅读 · 0 评论 -
vue+element 日期选择器 禁用属性
1、在日期选择器中设置禁用日期2、代码 <el-date-picker type="date" placeholder="请选择维护时间" :picker-options="pickerOptions0" v-model="maintenanceRecord.maintenanceDate"原创 2018-01-24 10:43:29 · 3919 阅读 · 1 评论 -
vue+element 去掉表单验证
1、在form标签中加入ref属性2、点击关闭的时候添加重置表单验证代码this.$refs["form"].resetFields(); // 去掉验证提示原创 2018-01-23 15:38:50 · 2075 阅读 · 0 评论 -
img 标签属性
总结记录一些自己常用到的img标签。1、alt属性如果没有图片时,浏览器将显示alt中的文字代替。(最多可以包含 1024 个字符的字符串,其中包括空格和标点。)2、onerror在错误发生时运行的脚本。当value没有值时,就显示onerror中的指定图片。3、title鼠标划上去显示的内容。4、height weight border属性原创 2018-01-02 10:48:13 · 7198 阅读 · 0 评论 -
JavaScript正则表达式——几个常用验证(不定期更新)
常用的几个验证1、验证手机号其中正则表达式:/^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(199[0-9]{8})|(15[0-9]{9})$/; data() { var validatePhone = (rule, value, callback) => { le...原创 2017-10-19 16:43:31 · 1598 阅读 · 0 评论