快捷導(dǎo)航

Element?UI?table參數(shù)中的selectable的使用及遇到坑

更新時(shí)間：2022年08月24日 08:25:40 作者：熱愛(ài)前端知識(shí)

這篇文章主要介紹了Element?UI?table參數(shù)中的selectable的使用及遇到的坑，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

Element UI table參數(shù)中的selectable的使用中遇到的坑：
頁(yè)面：

 <el-table-column :selectable='selectable' type="selection" :reserve-selection="true">
             </el-table-column>

網(wǎng)上搜了說(shuō)這樣：

selectable(row,index) {

       if(row.id==="10001"){
           return false
       }else {
           return true
       }
    }

返回true 即為可以勾選
反之不可勾選

但是嘞我的數(shù)據(jù)是一個(gè)id數(shù)組
于是我改成了這樣：

 selectable(row,index) {
        this.arr(el=>{
            if(el==row.id){
                return false;
            }else{
                return true;
            }
        })
    }

然后不行，只渲染數(shù)組第一位不能勾選；for循環(huán)也是一樣的結(jié)果；這可如何是好；

說(shuō)時(shí)遲那時(shí)快：靈光一現(xiàn)，改成了這樣

 selectable(row,index) {
       if(this.arr.some(el=>{return el===row.id})){
           return false;
       }else{
           return true;
       }
    }

到此這篇關(guān)于Element UI table參數(shù)中的selectable的使用的文章就介紹到這了,更多相關(guān)Element UI table參數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

使用Vue與Firebase構(gòu)建實(shí)時(shí)聊天應(yīng)用的示例代碼
隨著互聯(lián)網(wǎng)通訊技術(shù)的不斷進(jìn)步,實(shí)時(shí)聊天應(yīng)用現(xiàn)在已成為我們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠?無(wú)論是社交媒體平臺(tái)、工作溝通工具還是客戶支持系統(tǒng),實(shí)時(shí)聊天都在不斷被需求,今天,我們將介紹如何使用Vue.js與Firebase來(lái)構(gòu)建一個(gè)簡(jiǎn)單而強(qiáng)大的實(shí)時(shí)聊天應(yīng)用,需要的朋友可以參考下
2024-11-11
Vue中注冊(cè)全局組件的三種方式
這篇文章主要介紹了Vue中注冊(cè)全局組件的三種方式,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-11-11
詳解vue?route介紹、基本使用、嵌套路由
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁(yè)面應(yīng)用，這篇文章主要介紹了vue?route介紹、基本使用、嵌套路由,需要的朋友可以參考下
2022-08-08
Vue高級(jí)特性概念原理詳細(xì)分析
這篇文章主要介紹了Vue高級(jí)特性概念原理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧
2023-03-03
Vue導(dǎo)出頁(yè)面為PDF格式的實(shí)現(xiàn)思路
這篇文章主要介紹了Vue導(dǎo)出頁(yè)面為PDF格式的實(shí)現(xiàn)思路，其實(shí)思路也很簡(jiǎn)單，就是將頁(yè)面轉(zhuǎn)換成圖片格式.然后通過(guò)圖片的base64碼.生成PDF..感興趣的朋友跟隨腳本之家小編一起看看吧
2018-07-07
vue3中實(shí)現(xiàn)雙向數(shù)據(jù)綁定的方法
Vue3中,雙向數(shù)據(jù)綁定主要通過(guò)v-model指令實(shí)現(xiàn),v-model是一個(gè)語(yǔ)法糖,結(jié)合了v-bind和v-on指令來(lái)實(shí)現(xiàn)數(shù)據(jù)的雙向綁定,它在內(nèi)部做了綁定數(shù)據(jù)和監(jiān)聽(tīng)輸入事件兩件事,感興趣的朋友跟隨小編一起看看吧
2024-12-12
Vue的v-if和v-show的區(qū)別圖文介紹
這篇文章主要介紹了Vue的v-if和v-show的區(qū)別圖文介紹,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-03-03
vue修改proxyTable解決跨域請(qǐng)求,報(bào)404的問(wèn)題及解決
這篇文章主要介紹了vue修改proxyTable解決跨域請(qǐng)求,報(bào)404的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-07-07
如何使用vue3打造一個(gè)物料庫(kù)
這篇文章主要介紹了如何使用vue3打造一個(gè)物料庫(kù)，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下
2021-05-05
Vue3.0?axios跨域請(qǐng)求代理服務(wù)器配置方式
這篇文章主要介紹了Vue3.0?axios跨域請(qǐng)求代理服務(wù)器配置方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04