element
丿今朝醉
前端小白,一起学习,共同成长。
展开
-
element中table表格和已选数据联动
element中table表格和已选数据联动需求:1.根据条件查询表格,多选框选中项移到已选择表格,取消选择,已选项表格也取消该调数据数据2.已选项增加删除按钮,删除之后,查询数据的表格也取消勾选3.重新查询新数据,已选择数据不会改变,新选中的数据添加到已选择表格效果如下直接上代码 // 查询列表 <div slot="content" class="content" v-if="scheme"> <div原创 2021-04-19 16:27:16 · 1437 阅读 · 3 评论 -
element中根据状态改变el-table某个字体颜色
记录一下element中根据状态改变el-table某个字体颜色element中根据状态改变el-table某个字体颜色<div :style="scope.row.projectInfo.status==1? 'color: #E6A23C;':scope.row.projectInfo.status==2? 'color: #67C23A':scope.row.projectInfo.status==3? 'color: #909399;':scope.row.projectI原创 2020-12-24 10:56:23 · 1724 阅读 · 0 评论 -
Element-UI中Select选择器详解
最近开发的后台管理系统项目采用Vue+Element-UI技术架构,在使用Elment-UI中Select组件的时候遇到了比较多的操作难题,官网上关于这个组件的使用文档介绍的不是很详细,仅仅提供了一些基本用法,很多拓展场景都没有涉及到,在查阅了大量资料之后终于将目前的需求都完美解决了,这里整理一些Select组件的使用方案,希望能帮到有同样需求的同学。项目已上传github,欢迎大家下载交流。前端项目地址:https://github.com/Hanxueqing/Element-select项目运行转载 2020-11-30 12:09:45 · 5654 阅读 · 0 评论 -
element-ui中Cascader 级联选择器动态加载
需求:根据登录信息中的areaId来获取此地区下面各个区县村等,每次请求数据为选中地区的areaid <el-cascader v-model="form.areaId" :props="props" @change="handleChange" placeholder="请选择地区" :clearable="true" :show-all原创 2020-11-19 09:46:23 · 1414 阅读 · 0 评论 -
css深度选择器(>>> ,::v-deep,/deep/)
写前端就离不开写样式,写样式也就离不开选择器,如果你要说我可以全部写行内那…那也可以…但是,我还是要唠唠关于css中的深度选择器1.>>>可用于項目中的css原生样式,那么可以直接使用 >>>.a >>> .b { }2. /deep/项目中使用预处理器,如cass less等 都可以用 /deep//*这样*/.a { /deep/ .b { }} /*或者这样*/.a /deep/ .b { }3.::原创 2020-11-03 17:39:21 · 6006 阅读 · 1 评论 -
element中el-table单行暂无数据和整体暂无数据的默认修改
加粗样式@TOC欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展原创 2020-10-26 16:12:52 · 2535 阅读 · 1 评论