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

elementplu父级页面怎么使用封装子组件原组件的方法

一、使用原因:
封装了el-table,表格中有多选,父级要根据指定状态,让其选择不上,需要用到elementplus中table原方法toggleRowSelection
附加小知识点:(el-tree刷新树后之前选中的保持高亮setCurrentKey:orgnTreeDom.value.$refs.tree.setCurrentKey(treeObj.checkedKey);)

二、效果图:
在这里插入图片描述
三、代码结构
1、el-table封装的组件:
在这里插入图片描述
2、父级使用封装el-table结构部分
在这里插入图片描述

父级使用封装el-table结构部分代码
1、结构<scada-tableref="companyTable" // 有用1indexselection // 有用2maxHeight="60vh":loading="tableObj.loading":column-option="tableObj.columnOption":table-data="tableObj.tableData":pageData="tableObj.pageData"@currentChange="tableObj.currentChange"@sizeChange="tableObj.sizeChange"@selectionChange="tableObj.selectionChange" // 有用3></scada-table>2、selectionChange 每行多选方法
const companyTable = ref() // 有用1定义的ref
selectionChange: (data) => {tableObj.selectList = data;let leng = data.lengthif(leng > 0){data.forEach((item,ind)=>{if(item.contentStatus == '0' || item.contentStatus == '2'){//******这是重点***********companyTable.value.$refs.table.toggleRowSelection(data[ind], false);ElMessage.warning("该文章审核状态不符合发布操作!");}})}},

相关文章:

  • 【距离四六级只剩一个星期!】刘晓艳四级保命班课程笔记(2)(可分享治资料~)
  • 前端 html格式转md格式插件使用介绍
  • 解决JSON.stringify 方法在序列化 BigInt 类型时的错误
  • ardupilot开发 --- 机载计算机-软件方案 篇
  • 基于单片机的超声波倒车雷达设计
  • 汇舟问卷:国外问卷调查怎么样?
  • mysql like 查询优化
  • 遥感卫星影像处理流程
  • 3403(3519Dv500)算子精度比对工具标杆数据生成环境搭建指导(Caffe)
  • 【Python Cookbook】S01E15 将名称映射到序列的元素中
  • Next.js API Routes:构建服务端功能
  • vue限制日期选择器不能选今年后的日期
  • Unity开发——编辑器打包、3种方式加载AssetBundle资源
  • day25-XML
  • 二叉树非递归遍历(C++)
  • 《深入 React 技术栈》
  • Angular数据绑定机制
  • Centos6.8 使用rpm安装mysql5.7
  • gcc介绍及安装
  • Git同步原始仓库到Fork仓库中
  • HTML-表单
  • HTML中设置input等文本框为不可操作
  • Java小白进阶笔记(3)-初级面向对象
  • MyEclipse 8.0 GA 搭建 Struts2 + Spring2 + Hibernate3 (测试)
  • PHP 使用 Swoole - TaskWorker 实现异步操作 Mysql
  • 从tcpdump抓包看TCP/IP协议
  • 规范化安全开发 KOA 手脚架
  • 函数式编程与面向对象编程[4]:Scala的类型关联Type Alias
  • 简析gRPC client 连接管理
  • 如何打造100亿SDK累计覆盖量的大数据系统
  • 设计模式走一遍---观察者模式
  • 想写好前端,先练好内功
  • #14vue3生成表单并跳转到外部地址的方式
  • #define 用法
  • (1)(1.8) MSP(MultiWii 串行协议)(4.1 版)
  • (12)Hive调优——count distinct去重优化
  • (C++20) consteval立即函数
  • (java)关于Thread的挂起和恢复
  • (LNMP) How To Install Linux, nginx, MySQL, PHP
  • (Mac上)使用Python进行matplotlib 画图时,中文显示不出来
  • (MATLAB)第五章-矩阵运算
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (万字长文)Spring的核心知识尽揽其中
  • (转)setTimeout 和 setInterval 的区别
  • (转)利用PHP的debug_backtrace函数,实现PHP文件权限管理、动态加载 【反射】...
  • (转)四层和七层负载均衡的区别
  • . Flume面试题
  • .NET IoC 容器(三)Autofac
  • .NET MVC第五章、模型绑定获取表单数据
  • .net2005怎么读string形的xml,不是xml文件。
  • .NET开源项目介绍及资源推荐:数据持久层
  • .NET设计模式(7):创建型模式专题总结(Creational Pattern)
  • .NET中的Exception处理(C#)
  • @Async 异步注解使用
  • [ 常用工具篇 ] AntSword 蚁剑安装及使用详解