
vue+elementUi
Avery233
这个作者很懒,什么都没留下…
展开
-
ElementUI el-tree default-checked-keys动态改变
通过调用setCheckedKeys方法来改变elementUI el-tree选中状态原创 2022-06-15 14:27:11 · 2791 阅读 · 2 评论 -
el-table合并一列中数据相同的单元格
html相关代码<el-table :data="tableData" border class="tableDataF" :span-method="objectSpanMethod"> <el-table-column label="类名" align="center" prop="class"></el-table-column> <el-table-column label="小类" align="center" prop="class原创 2022-05-17 16:52:14 · 3870 阅读 · 6 评论 -
获取el-cascader级联选择器选中的当前结点的label值
(注:一般级联选择器绑定的都是value值,可通过v-model绑定的值直接获取其value,当选项的label和value不一样时,此方法用于获取当前选中节点的label)1、html代码 <el-cascader :props="areaProps" :options="areaOptions" ref="cascaderArr" v-model="areaCodeArr" @change="handleChange($event)" :></el-cas原创 2022-04-09 15:17:52 · 13492 阅读 · 8 评论 -
vue+ElementUI 级联选择器根据最后一级选中的值回显整个选中的数组
(注:可作为工具方法单独提出来,然后在相关页面引用getPath方法;多用于编辑/修改表单时的数据回显)getPath方法需要两个参数: 1、treeData表示用于提供级联选择器选择的数组,targetId表示之前选中的数组的最后一级的值export function getPath (treeData, targetId) { let path = []; let toggle = false; for (let i = 0; i < treeData.length; i.原创 2022-04-09 15:07:58 · 1462 阅读 · 0 评论 -
vue+ElementUI实现带进度条的文件上传
(注: 该方法只适用于附件的自动上传)1.html部分代码<div class="uploadContent" > <div class="uploadAndList"> <el-upload class="upload-demo" drag :action="uploadUrl" multiple :header原创 2022-04-08 20:45:00 · 4158 阅读 · 2 评论