element-ui el-table复选框禁止选中

 

<template>
	<div>
		<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
			@selection-change="handleSelectionChange">
			<el-table-column type="selection" width="55" :selectable="checkSelectable">
			</el-table-column>
			<el-table-column label="日期" width="120">
				<template slot-scope="scope">{{ scope.row.date }}</template>
			</el-table-column>
			<el-table-column prop="name" label="姓名" width="120">
			</el-table-column>
			<el-table-column prop="age" label="年龄" width="120">
			</el-table-column>
			<el-table-column prop="address" label="地址" show-overflow-tooltip>
			</el-table-column>
		</el-table>
	</div>
</template>

<script>
export default {
	data() {
		return {
			tableData: [{
				age: 1,
				date: '2016-05-03',
				name: '王小虎',
				address: '上海市普陀区金沙江路 1518 弄'
			}, {
				age: 222333332,
				date: '2016-05-02',
				name: '孙小虎',
				address: '花果山'
			}, {
				age: 32,
				date: '2016-05-04',
				name: '无名',
				address: '南海'
			}, {
				age: 4,
				date: '2016-05-01',
				name: '李小虎',
				address: '上海市普陀区金沙江路 1518 弄'
			}, {
				age: 5,
				date: '2016-05-08',
				name: '小老虎',
				address: '上海市普陀区金沙江路 1518 弄'
			}, {
				age: 6,
				date: '2016-05-06',
				name: '王小虎',
				address: '上海市普陀区金沙江路 1518 弄'
			}, {
				age: 7,
				date: '2016-05-07',
				name: '王小虎',
				address: '上海市普陀区金沙江路 1518 弄'
			}],
			multipleSelection: []
		}
	},

	methods: {
		handleSelectionChange(val) {
			this.multipleSelection = val;
		},

		checkSelectable(row) {
			if (row.age > 999) {
				return false
			}
			return true
			// if (this.status == 0) {
			// 	return true
			// } else {
			// 	return false
			// }
		}
	}
}
</script>


版权声明:本文为weixin_42666837原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。