Element UI table参数中的selectable的使用及遇到坑

 更新时间:2022年08月24日 08:25:40   作者:热爱前端知识  
这篇文章主要介绍了Element UI table参数中的selectable的使用及遇到的坑,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

Element UI table参数中的selectable的使用中遇到的坑:
页面:

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

网上搜了说这样:

selectable(row,index) {

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

返回true 即为可以勾选
反之 不可勾选

但是嘞 我的数据是一个id数组
于是我改成了这样:

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

然后不行,只渲染数组第一位 不能勾选;for循环也是一样的结果;这可如何是好;

说时迟那时快:灵光一现,改成了这样

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

到此这篇关于Element UI table参数中的selectable的使用的文章就介绍到这了,更多相关Element UI table参数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 使用Vue与Firebase构建实时聊天应用的示例代码

    使用Vue与Firebase构建实时聊天应用的示例代码

    随着互联网通讯技术的不断进步,实时聊天应用现在已成为我们日常生活中不可或缺的一部分,无论是社交媒体平台、工作沟通工具还是客户支持系统,实时聊天都在不断被需求,今天,我们将介绍如何使用Vue.js与Firebase来构建一个简单而强大的实时聊天应用,需要的朋友可以参考下
    2024-11-11
  • Vue中注册全局组件的三种方式

    Vue中注册全局组件的三种方式

    这篇文章主要介绍了Vue中注册全局组件的三种方式,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-11-11
  • 详解vue route介绍、基本使用、嵌套路由

    详解vue route介绍、基本使用、嵌套路由

    vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用,这篇文章主要介绍了vue route介绍、基本使用、嵌套路由,需要的朋友可以参考下
    2022-08-08
  • Vue高级特性概念原理详细分析

    Vue高级特性概念原理详细分析

    这篇文章主要介绍了Vue高级特性概念原理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-03-03
  • Vue导出页面为PDF格式的实现思路

    Vue导出页面为PDF格式的实现思路

    这篇文章主要介绍了Vue导出页面为PDF格式的实现思路,其实思路也很简单,就是将页面转换成图片格式.然后通过图片的base64码.生成PDF..感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-07-07
  • vue3中实现双向数据绑定的方法

    vue3中实现双向数据绑定的方法

    Vue3中,双向数据绑定主要通过v-model指令实现,v-model是一个语法糖,结合了v-bind和v-on指令来实现数据的双向绑定,它在内部做了绑定数据和监听输入事件两件事,感兴趣的朋友跟随小编一起看看吧
    2024-12-12
  • Vue的v-if和v-show的区别图文介绍

    Vue的v-if和v-show的区别图文介绍

    这篇文章主要介绍了Vue的v-if和v-show的区别图文介绍,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • vue修改proxyTable解决跨域请求,报404的问题及解决

    vue修改proxyTable解决跨域请求,报404的问题及解决

    这篇文章主要介绍了vue修改proxyTable解决跨域请求,报404的问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • 如何使用vue3打造一个物料库

    如何使用vue3打造一个物料库

    这篇文章主要介绍了如何使用vue3打造一个物料库,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下
    2021-05-05
  • Vue3.0 axios跨域请求代理服务器配置方式

    Vue3.0 axios跨域请求代理服务器配置方式

    这篇文章主要介绍了Vue3.0 axios跨域请求代理服务器配置方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04

最新评论