antDesignVue 表格默认禁止选中
2020-06-06 07:33
113 查看
<template> <a-table :columns="columns" :dataSource="data" rowKey="id" :loading="loading" :pagination="pagination" :rowSelection="rowSelection" > </a-table> </template> <script> export default { computed: { rowSelection() { const _this = this const { selectedRowKeys } = this; return { selectedRowKeys, onChange: (selectedRowKeys) => { this.selectedRowKeys = selectedRowKeys; if (this.selectedRowKeys.length) { this.disabled = false; } else { this.disabled = true; } }, getCheckboxProps: record => ({ props: { // 全部默认禁止选中 disabled: true, // 某几项默认禁止选中(R: 当state等于1时) // disabled: record.state == 1, }, }), }; }, } } </script>
相关文章推荐
- ant-design-vue 实现表格内部字段验证功能
- ant-design-vue 实现表格内部字段验证
- Ant Design of Vue 表格嵌套子表格 子表格的显示与隐藏
- ant design of vue 的表格如何自定义houver样式
- Ext4.x mvc 表格某条数据无效 禁止选中并改变样式
- Ant Design Pro 改变默认启动端口号
- 禁止浏览器默认复制文字/选中文字等
- Nuxt.js+Ant Design Vue树形控件组件
- Ant Design Vue form结合label-in-value select组件出现的问题
- vue 实现单选框设置默认选中值
- vue-router 二级导航默认选中某一选项的问题
- Nuxt.js+Ant Design Vue轮播图上方有漂浮窗
- ant-design-vue中select跟tree-select设置placeholder无效
- Ant Design Vue 给form动态赋值时 出现set a form field before rendering a field associated with the value.
- Ant Design 方法默认传值,加上其他参数
- ant design vue日期组件怎么清空(a-range-picker,a-date-picker)
- vue中radio或者checked如何默认选中?
- 关于ant-design-vue的table内嵌输入框性能问题
- vue如何默认选中单选框
- vue中 select 动态改变时 默认选中效果