日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

element-ui表格的多選框CheckBox 是否可以勾選

作者:明月松江 更新時間: 2022-01-30 編程語言

項目需要使element-ui表格的CheckBox 部分可勾選,部分不可勾選。
解決辦法:使用selectable屬性來判斷,接收一個回調函數,函數的第一個參數是row,第二個參數是column,回調函數的返回值用來決定這一行的 CheckBox 是否可以勾選。
示例代碼:
template:

<el-table ref="dataTable"
  :data="data"
  border>
  <el-table-column 
    type="selection"
	:selectable="canSelect"
	:reserve-selection="true">
  </el-table-column>
  <el-table-column label="數量">
	<template slot-scope="scope">
	  {{scope.row.num}}
	</template>
  </el-table-column>
</el-table>

script:

methods:{
  // 是否可選
  canSelect(row){
    if(row.num > 0){
       return false
    }else{
       return true
    }
  },
}

原文鏈接:https://blog.csdn.net/u010007013/article/details/103292388

欄目分類
最近更新