前端-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   在做树形结构是可能会有右键新增、详情的情况,采用的就是右键菜单
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值