首页 > 其他分享 >element-ui v-table 复选框默认选中

element-ui v-table 复选框默认选中

时间:2022-09-29 16:13:28浏览次数:56  
标签:return isDisable element ui table 复选框 row

  <el-table
          ref="refTable" :data="list"
          v-loading="listLoading"
          element-loading-text="加载中" fit
          highlight-current-row
          style="width: 100%"
          :max-height="maxHeight">
      <el-table-column :reserve-selection="true" :selectable="onVendorSelectable" type="selection" width="55"></el-table-column>
          <el-table-column type="index" width="50"> </el-table-column>
          <el-table-column  min-width="200" align="center" prop="content" label="排查内容"></el-table-column>
          <el-table-column  min-width="150" align="center" prop="basis" label="排查依据"></el-table-column>
 </el-table>


//表单中调用方法,判断那个需要禁用
onVendorSelectable(row){
let isDisable = this.disabledData.some((item) => {
if (row.sensorCode === item.sensorCode) {
return true;
} else {
return false;
}
});
return !isDisable;
},
 

 

标签:return,isDisable,element,ui,table,复选框,row
From: https://www.cnblogs.com/Jishuyang/p/16741910.html

相关文章

  • NanoGUI教程-NanoGUI的使用
    使用C++在C++中有两种有效的方法可以使用NanoGUI:让NanoGUI初始化和管理OpenGL上下文(和GLFW),或者手动执行。如果让NanoGUI接管,则必须先调用NanoGUI::init(),然后再尝试执......
  • Editable FreeViewpoint Video
    使用分层神经表示的可编辑自由视点视频自由视点视频的生成对于沉浸式VR/AR体验非常重要,但是最近神经方法进展仍然缺乏在大动态场景下操纵视觉感知的编辑能力。为填补当前的......
  • React+hook+ts+ant design封装一个table的组件
    前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从......
  • 八(一)、常用类之String、StringBuffer、StringBuilder
     一、String类:字符串,使用一对“”引起来;1.String声明为final不可被继承;2.实现了Seriablizable:表示字符串是支持序列化的;Compareble:可比较大小CharSequence接口:提供对多......
  • Appium PO模式UI自动化测试框架——设计与实践
      (阅读目录)  1.目的  相信做过测试的同学都听说过自动化测试,而UI自动化无论何时对测试来说都是比较吸引人的存在。相较于接口自动化来说它可以最大程度的模......
  • element-ui 提示框 确认按钮在左 取消按钮在右
    添加 //取消按钮样式cancelButtonClass:你的自定义类名,.btn-cancel{float:right!important;margin-left:10px!important;} ......
  • element-ui el-table 悬停/选中 行样式,鼠标样式
    /*用来设置当前页面element全局table选中某行时的背景色*/.el-table__bodytr.current-row>td{background-color:#78f709!important;/*color:#f19944;......
  • element-ui el-table 高度自适应
    element-ui el-table高度自适应<divref="searchHeader"class="div_searchsearch_title":class="{div_search_index:!isExpand}"><el-formref="dataForm":......
  • 用swagger-ui来生成webapi接口文档并可以在线测试
    用swagger-ui来生成webapi接口文档并可以在线测试Swagger-UI简单而一目了然。它能够纯碎的基于html+javascript实现,只要稍微整合一下便能成为方便的API在线测试工具。项目的......
  • Qt6.2.4 Arduino 上位机
    参考https://zhuanlan.zhihu.com/p/507277665https://blog.csdn.net/weixin_43491568/article/details/102959168环境环境版本windows10Qt6.2.4Qt......