elementui
于丸
想做个前端大
展开
-
elementui表格多选去掉表头的多选框
//第一步<el-table :header-cell-class-name="cellClass"//第二步monthods里写入// 为多选的表头添加类名 cellClass(row){ if (row.columnIndex === 0) { return 'disabledCheck' } },//第三步 /* 去掉全选按钮 *//deep/.el-table .disabledCheck原创 2021-03-03 15:44:01 · 1475 阅读 · 1 评论 -
实现elementui输入框只能输入数字和一个小数点
//@input对应的函数下 this.params.CFee = val.replace(/[^\d^\.]+/g, '').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')原创 2021-03-03 15:35:34 · 818 阅读 · 3 评论 -
实现elementui输入框只允许输入数字(不是type=‘number‘)
<el-input oninput="value=value.replace(/[^\d]/g,'')" v-model="formData.cellPhoneNumber" placeholder="请输入"></el-input>//加入oninput="value=value.replace(/[^\d]/g,'')"//即可原创 2021-01-15 14:53:39 · 336 阅读 · 0 评论 -
elementui实现跳转别的页面返回后分页以及搜索条件仍然不变
mounted(){ this.getStorage() if(sessionStorage.getItem("page")){ this.dangqianye = Number(sessionStorage.getItem("page")) } if(sessionSt...原创 2019-09-06 13:41:52 · 1100 阅读 · 4 评论 -
elementui校验登录密码和确认密码
var new_password = (rule, value, callback) => { if (value === '') { callback(new Error('请输入密码')); } else { if (this.user.user...原创 2019-09-05 10:13:46 · 7703 阅读 · 0 评论 -
elementui在不点击提交的时候校验表单内容
//表单规则guding_rules: { endMonth:[ { required: true,validator: endMonth, trigger: 'blur' } ], },//自定义表单规则...原创 2019-09-05 10:09:45 · 1033 阅读 · 0 评论 -
elementui分页组件设置当前页面高亮不显示的解决方案
我们返回当前页面取得总条数totalNum的之前,element-ui的分页组件已经在页面加载完毕,当时的totalNum绑定的是data里面初始化的数据0,所以当总条数为0的时候,分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后,分页组件也不会刷新。所以这就导致, 页面内容正确,但是页码高亮依旧是第一页.//解决方案,加个v-if,等总页数赋值之后再加载分页组...原创 2019-09-04 16:52:43 · 2306 阅读 · 6 评论 -
elementui树形控件默认第一个高亮
<el-tree :data="kemu" :props="defaultProps" //注意这里 node-key="show" :expand-on-click-node="false" @node-click="change_kemu" //打开高亮 :highlight-current="true" ...原创 2019-08-31 14:19:07 · 2042 阅读 · 0 评论 -
elementui下拉选择器无论怎么选都是最后一项的问题
<el-select filterable v-model="scope.row.name" placeholder="请选择" style="width: 100%;"> //如果你的每一个item是一个对象,:value绑定的是一个对象,那么这样就会出现那样的问题 <el-option :key="item.id" v-for="item in list" :lab...原创 2019-08-19 16:24:47 · 3331 阅读 · 7 评论 -
elementui下拉菜单dropdown的使用
说一下我得使用场景,点击下拉菜单选择公司,然后存下公司id显示公司名字//@command选择一项之后的回调函数,但是如果你把下拉菜单点开,没选它也触发,下面有解决办法<el-dropdown @command="changeCompany"> <span class="el-dropdown-link" style="color: #FFF;"> ...原创 2019-08-19 16:20:05 · 11285 阅读 · 0 评论 -
同时验证多个表单
let formArr=['formA','formB','formC','formD']//假设这是四个form表单的refvar resultArr=[]//用来接受返回结果的数组var _self=this function checkForm(formName) { //封装验证表单的函数 var result = new Promise(function(resolve, re...原创 2019-07-29 16:31:17 · 1108 阅读 · 0 评论 -
对elementui动态表格表单的校验
<el-form :model="user" ref="user"> <el-table :data="user.tableData" style="width: 100%"> <el-table-column ...原创 2019-06-24 15:42:34 · 1971 阅读 · 0 评论 -
elementui的表格实现单选
<el-table-column prop="" label="单选" width="60"> <template slot-scope="scope"> //label的值就是v-model双向绑定的值 <el-radio v-model="id" :label="scope.row.id"> </el-radio&g...原创 2019-06-26 16:30:03 · 3242 阅读 · 0 评论 -
改变elementui中table里的文字颜色
<span v-if="scope.row.判断的字段 == xxx" style="color:red">{{ scope.row.改变颜色的字段 }}</span> <span v-else style="color: green">{{ scope.row.改变颜色的字段 }}</span>...原创 2019-05-08 09:53:02 · 4944 阅读 · 1 评论 -
实现elementui的表格显示图片
<template slot-scope="scope"> <img :src="scope.row.图片字段" alt="" /></template>原创 2019-05-08 09:44:24 · 10520 阅读 · 0 评论