elementui
小红同学5
岁月是一场有去无回的旅行,后的坏的都是风景
展开
-
vue tree全选
trre代码 <div class="checkedBox"> <el-checkbox v-model="checkAll" @change="handleCheckAllChange" >全选</el-checkbox > </div> <el-tree :data="permissionsLis原创 2021-08-20 10:10:22 · 471 阅读 · 0 评论 -
vue修改网站名称和图标
在项目中找到public文件夹下面的index.html修改如下图原创 2021-07-29 11:39:27 · 2846 阅读 · 0 评论 -
elemntui-ui刷新报保持当前打开菜单
:defaule-active="$route.pah"router <el-menu class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" background-color="#393D49" text-color="#ffffff" acti.原创 2021-07-26 17:40:03 · 188 阅读 · 0 评论 -
elementui input去中间空格
1.方法名:@keyup.native="trimName('query','identName')"2.代码 <el-form-item label="代码名称:"> <el-input placeholder="请输入代码名称" v-model.trim="query.identName" clearable @keyup.native="trimName('.原创 2021-05-18 13:48:50 · 1118 阅读 · 0 评论 -
elementui 自增序号
<el-table-column type="index" width="50" label="#" align="center"> <template slot-scope="scope"> <span>{{ (page.current - 1) * page.size + scope.$index + 1 }}</span> .原创 2021-03-25 16:45:20 · 794 阅读 · 0 评论 -
elementui tree 默认展开第一节点
代码如下1.data设置存放id数组2.默认展开属性赋值存放的id3.监听watch事件<template> <div class="app-container"> <el-container class="userContainerDisplay"> <el-aside class="leftContainer"> <el-tree :data="treeList"...原创 2021-03-08 11:53:05 · 4490 阅读 · 1 评论 -
element-ui实现input输入框金额数字添加千分位组件
创建一个amountFormat.jsconst MoneyTest = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/;// 金额添加千分位const comdify = function (n) { if(!n) return n; let str = n.split('.'); let re = /\d{1,3}(?=(\d{3})+$)/g; let n1 = str[0].replace(re, "$&,"); r原创 2021-03-05 11:34:02 · 4232 阅读 · 3 评论 -
elmentui 设置input 的type=number时,去除上下箭头
<style>.el-form--inline .el-form-item__content { width: auto !important;}input[type="number"] { -moz-appearance: textfield;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { -webkit-appear.原创 2021-03-04 17:38:08 · 552 阅读 · 1 评论 -
前端删除
//批量删除 deletedialogForm() { this.multipleSelectionForm.forEach(item => { for (let i = 0; i < this.BillTypeList.length; i++) { if (this.BillTypeList[i].id === item.id) { this.BillTypeList.splice(i, 1); ..原创 2020-12-17 10:39:28 · 408 阅读 · 0 评论 -
input输入框输入只能输入数字、字母等组合的正则表达式
1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式:<input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 2.限制input输入框只能输入小写字母、数字、下划线的正则表达式:<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 3…限制input原创 2020-12-11 12:10:21 · 22827 阅读 · 4 评论 -
[Vue warn]: Injection “elForm“ not found
使用<el-form-item>标签时,外层没有加<el-form>,导致出现报错原创 2020-12-10 10:22:46 · 898 阅读 · 0 评论 -
this.xxx.push is not a function
报错:this.xxx.push is not a function修改:this.xxx需要定义一个数组才可以push原创 2020-12-02 11:34:44 · 7889 阅读 · 2 评论 -
vue 时间2020-11-10T12:01:50.942转换成2020-11-10 12:01
返回数据:页面效果:代码如下:html: <el-table-column prop="updateTime" label="更新时间"> <template slot-scope="scope"> <span>{{format('YYYY-mm-dd HH:MM',scope.row.updateTime)}}</span> </template> </el-tab原创 2020-11-10 12:06:40 · 199 阅读 · 0 评论 -
ElementUi 中 日期时间插件DatePicker 限制结束时间大于开始时间且开始时间小于此刻
前景:时间插件DatePicker格式化选择日期: format="yyyy-MM-ddHH:mm:ss"value-format="yyyy-MM-ddHH:mm:ss"设置日期选择范围::picker-options="start"效果图:代码实现:html: <el-col :span="5" class="col_item"> <span>注册时...原创 2020-07-02 16:20:04 · 2610 阅读 · 1 评论 -
element el-select选中事件(根据选中的值是否显示时长的选择框)
效果图:1.html <span class="titleSize">处理</span> <el-form label-position="left"> <el-form-item> <span class="dialogIitle"><span class="note">*</span>操作:</span> ...原创 2020-06-08 19:09:53 · 7489 阅读 · 0 评论 -
vue使用axios拦截器和main.js使用element提示框
背景:后台项目用到axios拦截器。当token过期等直接跳出当前页面。// 响应拦截处理axios.interceptors.response.use(res => { switch (res.data.code) { case -1: ElementUI.Message({ message: res.dat...原创 2020-04-02 13:59:49 · 1964 阅读 · 0 评论 -
vue+elementui实现图片预览,放大图片
背景:后台系统用到图片预览功能。页面<template> <div> <span @click="clickImg(index)" v-for="(item,index) in extend" :key="index"> <el-image :src="i...原创 2020-03-31 14:49:21 · 10728 阅读 · 3 评论