前端-element-ui应用

1.前端开发一般都是按钮事件,数据回显和收集,主要对框架自带的一些功能能够运用即可

  • 常见问题:1.批量删除,批量修改如何获取选中的数据
<el-table-column type="selection" width="55">

一般我们会选取一列作为供我们选择的数据列,也就是我们常见的表格中第一列类似多选按钮的东西,核心就是type = "selection",那么我们如何获取选中的这些数据呢?el-dialog中含有

@selection-change="handleSelectionChange"这样一个方法,每当有值被选取或取消选取时,我们都可以通过自定义方法来获取选中的数 
handleSelectionChange(val) {
            this.ids = val.map(item => item.standardSubUuid);
        },
  • 另外,el还为我们提供了很多方便的方法,比如:
  1. filterable,允许输入框(下拉框)带有检索功能,只需输入相关字符,就会帮你过滤出相关的数据,可以理解为like
  2. clearable,这个是比较常见的,添加之后允许将输入框内的值清空
  3. 稍微复杂一点的有:
    :tree-props="{children: 'children'}"  (树节点,elment-ui开发文档上有介绍)
  4. 还有个开发过程中可能遇到的,属于vue中的,
    @row-contextmenu   在做树形结构是可能会有右键新增、详情的情况,采用的就是右键菜单
上一篇:代码随想录:栈与队列


下一篇:【Tokio】最大阻塞线程数