![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Element UI
qingzhen568
这个作者很懒,什么都没留下…
展开
-
实战:element-ui 树形控件之点击单选或多选
效果图:重点:如果需要对Tree节点进行过滤筛选,调用 Tree 实例的filter方法,参数为输入的关键词。需要注意的是,需要设置filter-node-method,值为过滤函数。具体如下:HTML部分:<el-tree ref="tree" :data="treeData" :expand-on-click-node="false" :props="defaultProps" :filter-node-method="filterNode" @nod原创 2021-11-02 18:49:41 · 1332 阅读 · 1 评论 -
实战:element Tree 树形控件之过滤树节点
效果图:重点:在需要对节点进行过滤时,调用 Tree 实例的filter方法,参数为输入的关键字。需要注意的是,此时需要设置filter-node-method,值为过滤函数。具体如下:在这里插入代码片原创 2021-11-02 18:21:36 · 3398 阅读 · 0 评论 -
实战:element ui 中的表格表头添加图标
效果图:重点:使用 slot=“header” 插槽<el-table :data="tableData" stripe style="width: 100%"> <el-table-column prop="date" label="日期" align="center" /> <el-table-column prop="name" label="员工姓名" align="center" /> <el-table-column prop="dep"原创 2021-10-27 12:32:33 · 2985 阅读 · 0 评论 -
实战:element-ui 树型控件自定义图标(给节点添加图标)
效果图:html:<el-input v-model="searchVal" placeholder="请输入关键词" clearable style="margin-bottom: 12px" /> <div class="treeBox"> <el-tree :data="sourceData" node-key="id" default-expand-all :expand-on-click-n原创 2021-10-22 15:42:56 · 6741 阅读 · 2 评论