element
南玖i
这个作者很懒,什么都没留下…
展开
-
element 日期实现今天之前不能选等等。。
element 日期实现今天之前不能选,以及今天之后不能选原创 2022-08-11 09:25:53 · 396 阅读 · 0 评论 -
el-checkbox TypeError: Cannot read property ‘length‘ of null
这个el-checkbox 对应的应该是数组,如果我们 v-model = list list= null这个list是null的话 就会报这个错 应该改成 list = []原创 2022-01-11 10:32:40 · 372 阅读 · 0 评论 -
el-tree 点击输出当前选中 @node-click=“getCheckedNodes“
<el-tree :data="allDepartments" //数据 default-expand-all //是否全部展开 node-key="id" ref="tree" highlight-current class="filter-tree" :props="defaultProps" //规则 ...原创 2021-12-24 14:46:37 · 6033 阅读 · 0 评论 -
element组件点击复选框不选中问题
element组件点击复选框不选中问题问题复现点击却选不中(代码如下)<el-checkbox-group v-model="Form" :max="max" :min="min"> <el-checkbox v-for="(choice,index3) in data.choices" :key="index3" ></el-checkbox></el-checkbox-group>问题解析:如果ma...原创 2021-12-20 16:27:28 · 3661 阅读 · 0 评论 -
element input添加小图标(控制位置)
<el-input placeholder="请输入内容" suffix-icon="el-icon-date" v-model="input1" > </el-input>suffix-icon 表示后缀prefix-icon 表示前缀具体图标 element官网有点击跳转查看原创 2021-11-09 11:19:00 · 1169 阅读 · 0 评论 -
el-input type = numbe 鼠标滚轮一些设置
项目经常要写到el-input,type = number,这个时候遇到的箭头就很烦,它的鼠标滚动还会改变值就更烦了如果想去掉上下箭头那么添加css即可input::-webkit-inner-spin-button { -webkit-appearance: none !important;} input::-webkit-outer-spin-button{ -webkit-appearance: none !important; } input[type="num.原创 2021-10-28 16:18:00 · 1355 阅读 · 0 评论 -
element文本域 type=“textarea“ 如何实现高度自适应
element默认的本文域设置最大高度之后超出显示滚动条,但是我们有一些情况下不需要显示滚动条,下面写一下vue2版本的解决办法,稍后出vue3(vue3下也可以使用vue2的写法)首先安装jquerynpm install jquery --save哪个页面引用的话(直接引用即可)import $ from 'jquery'<template> <el-input v-model="textarea" :rows="2" ...原创 2021-10-09 15:19:30 · 2826 阅读 · 0 评论 -
element(输出checkbox所选中的内容)
<template><div> <el-checkbox-group v-model="checkList" @change="checkLists"> <el-checkbox label="复选框 A"></el-checkbox> <el-checkbox label="复选框 B"></el-checkbox> <el-checkbox label="复选框 C"></.原创 2021-09-07 11:31:48 · 678 阅读 · 0 评论 -
element实现动态树型表格(替换图标)
先看效果图<template><div> <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> <el.原创 2021-09-01 19:38:42 · 1995 阅读 · 2 评论 -
表格内容不自动换行,超出的以...显示,鼠标悬浮在上面,在该列上弹出框显示
先看展示效果,内容超出...显示,鼠标悬浮显示所有内容 <el-table-column prop="address" label="地址" show-overflow-tooltip> </el-table-column>代码直接添加show-overflow-tooltip即可,超出自己设定的宽度,即可隐藏...原创 2021-08-30 11:16:32 · 748 阅读 · 1 评论 -
Element动态生成表格以及表格内容无缝滚动
直接进入主题1.页面引入组件,新建vue文件test.vue,引入表格组件,传入表格相关内容以及表格数据,内容如下https://blog.csdn.net/qq_42166078/article/details/115768812原创 2021-06-25 10:45:36 · 937 阅读 · 0 评论 -
vue+element(表头不动,内容滚动,附带改变某个单元格背景颜色)
有单独看改变单元格背景的小伙伴直接看下面组件页面<template> <div> <el-table :data="newData" border :cell-style="cellStyle" align="center" size="mini" stripe id="dbM"> <el-table-column原创 2021-06-25 10:39:17 · 1224 阅读 · 1 评论 -
动态表格(父子传值实现动态表格)
组件页面<template> <div> <el-table :data="this.tableData" height="400px" max-height="400px" size="small" row-class-name="row" cell-class-name="column" stripe :highlight-curre原创 2021-05-19 18:54:38 · 351 阅读 · 0 评论 -
后台传回时间戳,表格显示正常时间
后台传回时间戳,表格内部转换(方法内部写) for (let item of res.data.list) { item.lockTimestamp = $this.timestampToTime(item.lockTimestamp) }timestampToTime (timestamp) { var date = new Date(timestamp * 1000) // 时间戳为10位需*1000,时间戳为13位的话不需乘1000原创 2021-05-19 15:49:48 · 174 阅读 · 0 评论 -
动态添加可输入表格
<template> <div> <el-button @click="addziduan">添加一行</el-button> <el-table :data="prototypes" class="kong-box"> <el-table-column prop="aaa" label="姓名" width="480" align="center">转载 2021-05-15 14:58:28 · 236 阅读 · 0 评论 -
element表单动态数据表单验证(只需一个寻循环)
<template> <div class="supplies"> <div class="box"> <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-ruleForm" :data="reception" >原创 2021-04-12 12:31:26 · 87 阅读 · 0 评论 -
element分页prop不能修改接收回来的参数
prop接收数据修改之后再次传回会报错,不允许修改prop数据流,只能单向传递,不能修改由外层传来的props数据,通过传递方法来拿到数据组件页面(pagination.vue) <template> <div> <div class="block" style="margin-top:15px;"> <el-pagination @size-change="handle原创 2021-03-31 10:40:44 · 243 阅读 · 0 评论 -
el-input回车事件下一个input获取焦点
el-input回车事件的时候下一个input获取焦点//el-input<div class="box">//focusNext后面的属性和下一个input里面的ref相对应,虽然写的麻烦但是效果可以实现 <el-input label="200" v-model="list.parentId" @keyup.native.enter="focusNext('materielGroupNo')"> </el-input> </div&g原创 2021-03-30 11:17:51 · 1216 阅读 · 0 评论 -
element表格自动表头显示隐藏
要实现效果表格点击多选框点哪个哪个隐藏整个代码<template> <div > <div > <div > //这个是多选框的内容 <el-popover > <el-checkbox-group v-model="checkList">原创 2021-03-29 18:58:58 · 733 阅读 · 0 评论