element
前端大斗师
精通JavaScript、TypeScript、PHP、Python、Node、Vue、React、Angular等单词拼写
展开
-
ElementUI级联选择器择任意项的两个缺陷,我不说,你也不知道吧
1.ElementUI官网级Cascader 级联选择器这样的话效果是实现了,但是存在两个问题:1、只能点击圆圈才能选中,点击文字 label 没有效果2、点击圆圈后理想是自动收起下拉,但这个是点击下拉框之外的地方才可以收起。2.以下就是我的解决办法<el-cascader // 一定要加ref属性稍后解决第二个问题 ref="refHandle" v-model="uploadFileValue" :options="options" placeholder="试原创 2021-12-02 10:38:10 · 1438 阅读 · 4 评论 -
ElementUI框架中el-tree左侧小三角修改自定义图标
ElementUI框架中el-tree左侧小三角修改自定义图标一、先看下效果图二、css样式注意,样式放在scope里不生效,如果必要请加上/deep/样式穿透// 禁止旋转.el-tree .el-tree-node__expand-icon.expanded{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}//有子节点 且未展开.el-tree .el-icon-caret-right:before{原创 2021-11-23 09:41:10 · 5591 阅读 · 2 评论 -
el-tree设置默认选中checkbox且复选框值改变触发事件
<el-tree :data="treeData" show-checkbox default-expand-all node-key="id" ref="tree" @check="checkedList" highlight-current :props="defaultProps" :default-chec原创 2021-09-27 17:38:10 · 4706 阅读 · 0 评论 -
Element el-date-picker表单校验和数据回显问题
vue项目中使用Element中的el-date-picker组件做必填项和数据回显前言:最近做项目的时候遇到这个问题,百度好几天得不到解决,这里给大家详细解释下。话不多说,先上效果图1.el-date-picker表单校验关于这个问题,我百度了许久没有解决,之后看到一位博主写的是change事件,还要给校验的规则加上...原创 2021-09-03 09:06:20 · 11581 阅读 · 16 评论 -
Vue+Element UI使用本地数据实现对表格的增删改查
Vue+Element UI使用本地数据实现对表格的增删改查先上效果图话不多说,代码在下方<template> <div id="app"> <el-card class="box-card" style="width: 1200px;margin:150px auto;"> <div style="margin:100px 0 100px 0;position:relative;"> <el-button @cl原创 2021-09-01 09:11:20 · 2347 阅读 · 1 评论 -
Element UI中的table组件添加横向滚动条
如何给Element UI中的table组件添加横向滚动条并非是浏览器自带滚动条样式,而是类似于Element滚动条样式话不多说直接上代码 .el-table__body-wrapper::-webkit-scrollbar { width: 8px; /*滚动条宽度*/ height: 8px; /*滚动条高度*/ } .el-table__body-wrapper::-webkit-scrollbar-track { border-radius: 10px; /*原创 2021-08-27 16:29:46 · 14703 阅读 · 4 评论