当前位置: 首页 > news >正文

郑州网站建设亻汉狮网络产品推广活动策划方案

郑州网站建设亻汉狮网络,产品推广活动策划方案,网站群管理平台方案,知名网站建设业务需求:需要做到table表格中某些行数据不能被选中,比如在审核一些记录数据时,已经被审核的数据就不能再次提交审核,特别是批量多选的情况,列表中既有已经审核的,也有未审核的,只要求选中未审核…

业务需求:需要做到table表格中某些行数据不能被选中,比如在审核一些记录数据时,已经被审核的数据就不能再次提交审核,特别是批量多选的情况,列表中既有已经审核的,也有未审核的,只要求选中未审核的记录即可(当然也可以提前把已经审核的数据过滤掉)。

做到如下效果,点击全选,仅仅未被审核的被选中:

官网寻找解决办法:

发现列有一个selectable属性,描述为:仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选,正好符合解决上述需求。

解决方案如下:

1、选择列加上checkSelectable()方法

    <!--  列表项 --><el-table v-loading="loading" :data="recordsList" @selection-change="handleSelectionChange" stripe><el-table-column type="selection" width="55" align="center" :selectable="checkSelectable"/><el-table-column label="编号" align="center" prop="code" min-width="120px"class-name="small-padding fixed-width" fixed="left"/><el-table-column label="用户" align="center" prop="userCode" min-width="100px"/>......</el-table>
2、methods()方法内定义可以被选中的条件

  methods: {/** 只能选择未审核的记录 */checkSelectable(row) {return row.auditStatus === '0'},... ...

通过以上两步即可解决table中某些数据行不能被选中的业务需求。

http://www.15wanjia.com/news/46364.html

相关文章:

  • wordpress 朴素广州seo网站营销
  • 艺术名画网站怎么建设免费加客源软件
  • 电商网站建设合同推广app的单子都在哪里接的
  • 做网站前需要做哪些事情兔子bt搜索
  • 好的做网站架构的书2023年10月疫情恢复
  • cn域名做犯法网站关键词查找工具
  • 淄博周村网站建设哪家好搜索网站排行榜
  • 黑帽seo怎么做网站排名建站系统软件有哪些
  • 怀安网站建设地推接单在哪个平台找
  • 怎么做服务器网站吗鄞州seo服务
  • yu网站建设seo优化收费
  • 国内外c2c网站有哪些新媒体营销案例ppt
  • cms系统模板搜索关键词优化排名
  • 贾汪区人民政府门户网站建设购物网站
  • 手机端网站做appsemantic ui
  • 网站建设项目经理的工作千锋教育怎么样
  • app跨平台开发怎么优化网站
  • 做面食的网站公司培训课程有哪些
  • 绵阳做网站福州今日头条新闻
  • wordpress的用户成都关键词seo推广电话
  • 做网站的数据从哪里来广州建网站的公司
  • 在线做任务的网站线上渠道推广怎么做
  • 网站建设是什么意思推广营销
  • 砍价小程序怎么赚钱阜平网站seo
  • 门户网站时代千锋教育郑州校区
  • 网站建设费用要摊销嘛网络营销的特点和优势
  • 贵州政府网站建设社群营销策略有哪些
  • 做最最优秀的视频网站软文发布网站
  • 上海人才信息网官网常熟seo网站优化软件
  • 太原做网站公司百度竞价官网