ant-design-vue表格列表勾选禁用方式

 更新时间:2026年03月06日 09:08:43   作者:叶岚羲  
介绍了如何在ant-design-vue表格列表中实现勾选禁用功能,以限制用户在批量选择或单选列表数据时进行操作,文中提供了实现这一功能的经验和建议,并鼓励读者支持脚本之家

ant-design-vue表格列表勾选禁用

实现用户在批量选择或者单选列表数据时。

禁用选择列表数据

 <a-table
      :scroll="{ x: 'max-content' }"
      :rowKey="(record) => record.id"
      :columns="columns"
      :data-source="res"
      :pagination="false"
      :loading="loading"
      @change="handleTableChanges"
      style="word-break: break-all"
      :row-selection="{
        selectedRowKeys:selectedRowKeys,
        onChange: onChangeCheck,
        getCheckboxProps:record => ({
          props: {
            disabled: !(record.bindBarrierGate)
          },
        }),
      }"
    >
    </table>

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3+ts+vite2项目实战踩坑记录

    vue3+ts+vite2项目实战踩坑记录

    最近尝试上手Vue3+TS+Vite,对比起Vue2有些不适应,但还是真香,下面这篇文章主要给大家介绍了关于vue3+ts+vite2项目的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • Vue项目如何改变屏幕尺寸重新刷新页面-计算页面尺寸

    Vue项目如何改变屏幕尺寸重新刷新页面-计算页面尺寸

    这篇文章主要介绍了Vue项目如何改变屏幕尺寸重新刷新页面-计算页面尺寸,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 详解如何在vue项目中使用eslint+prettier格式化代码

    详解如何在vue项目中使用eslint+prettier格式化代码

    在开发中我们需要一种能够统一团队代码风格的工具,作为强制性的规范,统一整个项目的代码风格,这篇文章主要介绍了详解如何在vue项目中使用eslint+prettier格式化代码,需要的朋友可以参考下
    2018-11-11
  • vue实现下拉框二级联动效果的实例代码

    vue实现下拉框二级联动效果的实例代码

    这篇文章主要介绍了vue实现下拉框二级联动效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-11-11
  • vue 检测用户上传图片宽高的方法

    vue 检测用户上传图片宽高的方法

    这篇文章主要介绍了vue 检测用户上传图片宽高的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • uniapp嵌套webview无法返回上一级解决方式

    uniapp嵌套webview无法返回上一级解决方式

    uniapp是一款非常强大的跨平台开发框架,它可以让我们只编写一份代码,就能在多个平台上运行,这篇文章主要给大家介绍了关于uniapp嵌套webview无法返回上一级的解决方式,需要的朋友可以参考下
    2024-05-05
  • vue从仓库state中取不到数据的问题

    vue从仓库state中取不到数据的问题

    这篇文章主要介绍了vue从仓库state中取不到数据的问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue中的父子组件传值.sync

    Vue中的父子组件传值.sync

    这篇文章主要介绍了Vue中的父子组件传值.sync,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-12-12
  • Vue3之父子组件异步props数据的传值方式

    Vue3之父子组件异步props数据的传值方式

    这篇文章主要介绍了Vue3之父子组件异步props数据的传值方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-04-04
  • Vue3中父子组件之间相互通信的方式详解

    Vue3中父子组件之间相互通信的方式详解

    本文主要探讨了 Vue 3 中父子组件之间的通信方式,包括父传子,通过props传递数据和方法;子传父,用emit触发自定义事件并传递数据;还介绍了使用ref直接操作子组件实例,借助defineExpose暴露子组件的属性和方法给父组件,需要的朋友可以参考下
    2025-01-01

最新评论