這篇具有很好參考價值的文章主要介紹了element中table多選功能禁止選擇某一項。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方，請大家不吝賜教，您也可以點擊"舉報違法"按鈕提交疑問。
element-ui中的table的多選很好用，但是如果其中某一項禁止選擇，該怎樣操作呢
文章來源：http://www.zghlxwxcb.cn/news/detail-643207.html
在官方文檔中，有一個這樣的屬性，可以控制是否禁止選擇文章來源地址http://www.zghlxwxcb.cn/news/detail-643207.html
<el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
selectable(row,index){
return row.sex==2//為true的時候可以選，為false則不可選擇
}
到了這里，關(guān)于element中table多選功能禁止選擇某一項的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處： 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符，請點擊違法舉報進行投訴反饋，一經(jīng)查實，立即刪除！
selection-change事件：當選擇項發(fā)生變化時會觸發(fā)該事件（當分頁切換時，選中的數(shù)據(jù)都會自動清空） 鏈接: https://blog.csdn.net/qq_36157085/article/details/122922678
?實現(xiàn)效果： ?代碼實現(xiàn)：
表格有分頁需要多選，某page選中的數(shù)據(jù)，當再次到這個page的時候， 之前選中的數(shù)據(jù)需要是選中狀態(tài)。比如在首頁選中一些數(shù)據(jù)之后， 跳到第2頁， 然后再回首頁，首頁之前選中的數(shù)據(jù)要是選中狀態(tài)。 1. Table 用到的事件: @select : 當用戶手動勾選數(shù)據(jù)行的 Checkbox 時觸發(fā)的事件
前言:總結(jié)一下 elements ui vue 框架使用中出現(xiàn)的問題，目前來看vue 的開發(fā)代碼的質(zhì)量和效率 要高于傳統(tǒng)的 js 框架，至少在管理系統(tǒng)的開發(fā)上面，代碼量相對比較小 可以參考 elements ui 官網(wǎng) https://element.eleme.io/#/zh-CN/component/table#table-column-scoped-slot 具體在實際使用中基本都是帶分
element-ui 的官網(wǎng)是有屬性的 row-key? 屬性傳入唯一值 row-key? 屬性傳入一個方法 核心： this.$refs.multipleTable.toggleRowSelection(val, true)
對象數(shù)組是指一個數(shù)組中存儲了多個對象的集合。在許多編程語言中，我們可以使用對象數(shù)組來方便地存儲和管理多個對象的數(shù)據(jù)。 對象數(shù)組可以包含相同類型的對象，也可以包含不同類型的對象。每個對象都可以有自己的屬性和方法，通過數(shù)組索引可以訪問和操作這些對象
代碼如下： 上述代碼即可實現(xiàn)勾選功能 代碼如下：
![[ element-ui:table ] 設(shè)置table中某些行數(shù)據(jù)禁止被選中，通過selectable 定義方法解決](https://imgs.yssmx.com/Uploads/2024/02/744379-1.png)
業(yè)務(wù)需求：需要做到table表格中某些行數(shù)據(jù)不能被選中，比如在審核一些記錄數(shù)據(jù)時，已經(jīng)被審核的數(shù)據(jù)就不能再次提交審核，特別是批量多選的情況，列表中既有已經(jīng)審核的，也有未審核的，只要求選中未審核的記錄即可（當然也可以提前把已經(jīng)審核的數(shù)據(jù)過濾掉）。 做到
我這里分享的是 Cascader 級聯(lián)選擇器 中的多選、以及如何 自定義props 的使用詳解 效果 代碼 這里在優(yōu)化一下，將option放置外部引入，如果是通過后端傳入的數(shù)據(jù)這里也可以直接賦值給option 創(chuàng)建一個regin.js 頁面中使用 將rogin.js引入，然后在生命周期函數(shù)中賦值給options、這里如
element的el-table表格復(fù)選框只能選中一條，選擇下一條，上一條去掉勾選。使用文檔中select方法，el-table綁定一個ref。具體代碼實現(xiàn)如下 toggleRowSelection：用于多選表格，切換某一行的選中狀態(tài)，如果使用了第二個參數(shù)，則是設(shè)置這一行選中與否（selected 為 true 則選中）?
